@charset "UTF-8";
/* CSS Document */
html { background:url(../images/sfondo.jpg) repeat scroll 0 0;}
body {
	font: 13px "Helvetica Neue" ,Arial,Helvetica,Geneva, sans-serif;
	margin: 0;
	padding: 0;
	color: #46443D;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
}
p {line-height:1.7em; margin-bottom:10px;}
a img { border: none; }
a, a:link, a:hover, a:active, a:focus  { 
	text-decoration: none; 
	outline:none!important; 
	font-weight:bold;
}

.blu {color:#0D89A4!important; display:block; text-align:right;}

/*--- HEADER -----------------------------*/
header {
	width: 980px;
	margin: 0px auto;
	position: relative;
	height: 70px;
}
.logo {
	width: 140px;
	display: block;
	position:absolute;
	height: 122px;
	margin: 0 auto;
	left:420px;
}
.logo img {
	z-index:1000;
	position:relative;
	width: 140px;
	display: block;
	margin: 0;
}

nav {
	width: 100%;
	height: 57px;
	padding:10px 0px 0px;
}
nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
nav ul li {
	float: left;
	width: 140px;
	display: block;
	text-align:center;
}
nav li.dx { float: right!important;}
nav li a {
	font: 16px ClarendonRoman, Georgia, Times, serif;
	font-weight:bold;
	letter-spacing:-0.1em;
	display: block; 
	width: 140px;
	height:28px;
	padding-top: 35px;
	background:url(../images/ching.gif) 50% -70px no-repeat;
	color: #598A98; 
	outline:none;
	text-decoration: none;
	/*text-shadow: 0px 1px 1px #84afb8;*/
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { 
	color: #46443D;
	background:url(../images/ching.gif) 50% 0px no-repeat;
	text-decoration:none;
}
.active {background:url(../images/ching.gif) 50% 0px no-repeat; color: #46443D;}

/* --- BANNER -----------------------------*/
#bannercontainer {
	position:relative;
	height: 310px;
	background:url(../images/bannerbg.jpg) repeat-x top left;
	z-index:0;
}
#bannercontainer.small {
	height:150px!important;
	background:url(../images/bannerbgpicc.jpg) repeat-x top left!important;
}
#banner { width:980px; margin:0 auto;}
.bn {height:310px; background:url(../images/banner.png) no-repeat top left;}
.bnblu {height:150px; background:url(../images/servizi.png) no-repeat top left;}
.bnblublog {height:150px; background:url(../images/blog.png) no-repeat top left;}
.bngiallo {height:150px; background:url(../images/portfolio.png) no-repeat top left;}
.bnviola {height:150px; background:url(../images/webagency.png) no-repeat top left;}
.bnverde {height:150px; background:url(../images/preventivo.png) no-repeat top left;}
.bnfucsia {height:150px; background:url(../images/contatti.png) no-repeat top left;}

#banner h1 {text-indent:-9999px; position:relative;}
#banner blockquote {text-indent:-9999px; position:relative;}

/* --- CONTENUTO --------------------------*/
#contenutoprincipale {
	position:relative;
	margin: 0 auto;
	min-height: 400px;
	height:auto!important;
	height:400px;
	width:980px;
	overflow:hidden;
}
#contenutoprincipale a:hover {text-decoration:underline;}
#contenutoprincipale a:visited {color:#46443D;}

.lanterna {background:url(../images/lanterna.png) no-repeat top right; }
.albblu {background:url(../images/metablu.png) no-repeat top right; padding-top:30px;}
.algiallo {background:url(../images/metagiallo.png) no-repeat top right; padding-top:30px;}
.alviola {background:url(../images/metaviola.png) no-repeat top right; padding-top:30px;}
.alverde {background:url(../images/metaverde.png) no-repeat top right;}
.alfucsia {background:url(../images/metafucsia.png) no-repeat top right;}

#contenutoprincipale section {
	width:700px;
	margin-bottom:40px;
}
.clear {
	overflow:hidden;
}
#contenutoprincipale aside {
	width:230px;
	padding:10px 10px;
	position:relative;
	float:right;
	right:0px;
	text-align:left;
	top:510px;
	
}
.preventivobtn {
	min-height:1250px;
	height:auto!important;
	height:1250px;
}
.cliente {
	min-height:1090px;
	height:auto!important;
	height:1090px;
	top:400px!important;
}
.sml {
	min-height:450px;
	height:450px;
}
#commento {position:absolute;}
#btn {position:absolute; margin-top:20px;}

#citazione {
	position:relative;
	margin:0px 20px 0px 150px;
	display:block;
}
#citazione h3 {
	line-height:1.5em!important;
	margin:15px 0px 10px;
	font: 22px "ClarendonRoman", Georgia, Times, serif;
	letter-spacing:-1px;
	text-shadow: 0 1px 1px #84AFB8; 
	
}
#citazione .author {
	color:#C60;
	font-style:normal;
	text-align:right;
	margin-bottom:25px;
	/*color:#B25438;*/
	font-weight:bold;
	font-size:14px;
	text-shadow: 0 1px 1px #84AFB8;
}

a.btn_preventivo {
	width:234px;
	height:60px;
	text-indent:-9999px;
	position:relative;
	
	display:block;
	background:url(../images/preventivo_btn.png) no-repeat top left;
}
a.btn_preventivo:hover { background:url(../images/preventivo_btn.png) no-repeat bottom left;}

/* cubo */
div.tecnologie {position:relative;}
.topFace {
	position:absolute;
	-moz-transform: rotate(60deg);
    left: 100px;
    top: -158px;
}
.topFace div {
    -moz-transform: skew(0deg, -30deg) scale(1, 1.16);
    background-color: #EEEEEE;
    font-size: 0.862em;
}
.rightFace, .leftFace, .topFace div {
    height: 180px;
    padding: 10px;
    width: 180px;
}

.leftFace {
	position:absolute;
	-moz-transform: skew(0deg, 30deg);
    background-color: #CCCCCC;
}
.rightFace {
	position:absolute;
	 -moz-transform: skew(0deg, -30deg);
    background-color: #DDDDDD;
    left: 200px;
}
/** ----- **/
	
#contenutoprincipale header {
	height:auto;
	padding-top:15px;
}
#contenutoprincipale section h2 {
	width: 700px;
	color:#B25438;
	font: 28px "YanoneKaffeesatzBold";
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	padding:5px 0px;
	border-bottom:1px dashed #78A8A8;
	border-top:1px dashed #78A8A8;
}
.titololavoro {
	text-align:center;
	position:relative;
}
.frsx, .frdx {
	display:block;
}
.frsx a, .frdx a {
	text-indent:-9999px;
	position:absolute;
	height:32px;
	width:32px;
	display:block;
	opacity:1;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.frsx a {background:url(../images/freccia.png) no-repeat top left; left:15px; top:5px;}
.frdx a {background:url(../images/freccia.png) no-repeat bottom left; right:15px; top:5px;}
.frsx a:hover, .frdx a:hover {opacity:0.8;}

#sitiweb, #webmarketing, #webdesign, #multimedia {
	float:left;
	display:block;
	height:auto;
	width: 175px!important;
	text-align:center;
	padding-top:100px;
	margin-bottom:0px!important;
	background:url(../images/lanternina.png) top center no-repeat;
	-webkit-transition: background 0.3s ease 0s;
	-moz-transition: background 0.3s ease 0s;
	-o-transition: background 0.3s ease 0s;
	transition: background 0.3s ease 0s;
}
#sitiweb:hover, #webmarketing:hover, #webdesign:hover, #multimedia:hover {
	background:url(../images/lanternina_accesa.png) top center no-repeat;
	}
#sitiweb header, #webmarketing header, #webdesign header, #multimedia header {
	width:175px;
	font: 18px "ClarendonRoman", Georgia, Times, serif;
	text-shadow: 0px 1px 1px #84afb8;
	letter-spacing:-0.1em;
	color: #598A98;
	height:25px;
}
nav.serviziweb {height:auto; padding:5px 0px;}
nav.serviziweb ul li {
	float:none;
	width:165px;
	padding:0px 5px;
}
nav.serviziweb li a {
	width:165px;
	display:block;
	height:auto;
	margin-bottom:10px;
	font: 15px "YanoneKaffeesatzRegular";
	color: #46443D;
	letter-spacing:normal;
	background:none;
	padding:0px;
	text-shadow:none;
}
nav.serviziweb li a:hover {
	text-decoration:underline;
}

.web_development, .web_marketing, .web_design, .multimedia  {
	position:relative;
	width: 700px;
	background:url(../images/lanterninaceleste.png) no-repeat 43px 0px;
	min-height:140px;
	height:auto!important;
	height:140px;
	text-align:justify;
	padding-top:20px;
}
.web_development h2, .web_marketing h2, .web_design h2, .multimedia h2 {color: #900!important;}
.web_development h3 {color:#2E7BCE; font: 20px "YanoneKaffeesatzBold"; }
.web_development ul h3, .web_marketing h3, .web_design h3, .multimedia h3 {
	/*color:#465A5E;*/ color:#924735; 
	font: 20px "YanoneKaffeesatzBold"; 
	margin-bottom:5px; 
	text-shadow: 0 1px 1px #84AFB8; 
}
.web_development h4, .web_marketing h4, .web_design h4, .multimedia h4 {font: 18px "YanoneKaffeesatzBold"; text-shadow: 0 1px 1px #84AFB8; }

.web_development:hover, .web_design:hover, .multimedia:hover, .web_marketing:hover { background:url(../images/lanternina_accesa.png) no-repeat 43px 0px;}

.web_development ul, .web_marketing ul, .web_design ul, .multimedia ul{
	list-style:none;
}
.web_development ul, .web_marketing ul, .web_design ul, .multimedia ul {padding-left:150px;}
.web_development li, .web_marketing li, .web_design li, .multimedia li{
	padding: 5px 0px 5px 30px;
	background:url(../images/palla.png) no-repeat 5px 7px;
	min-height:25px;
	height:auto!important;
	height:25px;
	/*font: 15px "YanoneKaffeesatzRegular";*/
	line-height:1.5em;
}
.web_development li ul,.web_marketing li ul, .web_design li ul,.multimedia li ul {padding-left:30px; padding:10px 0px 10px;}
.web_development li ul li, .web_marketing li ul li, .web_design li ul li, .multimedia li ul li{
	padding:5px 0px 5px 10px;
	background:url(../images/bullet.png) no-repeat 0px 10px;
}

/*.web_development li:nth-child(even), .web_marketing li:nth-child(even), .web_design li:nth-child(even), .multimedia li:nth-child(even) {
	background-color:rgba(195, 218, 217, 0.3);
}*/

/* Servizi */
#pianificazione, #progettazione, #implementazione, #crescita {
	display:block;
	float:left;
	width:155px;
	padding:160px 10px 10px;
	margin-top:20px;
}
#pianificazione {background:url(../images/monaci.png) 0px 0px no-repeat;}
#progettazione {background:url(../images/monaci.png)  -175px 0px no-repeat;}
#implementazione {background:url(../images/monaci.png)  -350px 0px no-repeat;}
#crescita {background:url(../images/monaci.png)  -525px 0px no-repeat;}

#pianificazione h3, #progettazione h3, #implementazione h3, #crescita h3 {
	font: bold 16px "ClarendonRoman",Georgia,Times,serif;
    height: 25px;
    
    padding-top: 5px;
    text-shadow: 0 1px 1px #84AFB8;
}
#pianificazione p, #progettazione p, #implementazione p, #crescita p {
	text-align:justify;
	line-height:1.4;
}
.sviluppo { overflow:hidden;}
.blog {
	min-height: 600px;
	height:auto!important;
	height:600px;
	background:url(../images/monacovent.png) no-repeat top left;
}
.blog h2 {margin-top:150px!important;}
/* ----- WEB AGENCY -----------------*/
#webagency {
	position:relative;
	padding:10px;
	width:505px!important;
	margin-left:175px;
	background:#C3DAD9;
	background: rgba(195,218,217,0.5);
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
#webagency header, #webagency header h2 { 
	width:505px;
	padding:0px;
	margin-bottom:10px;
 }
#webagency header h2 {
	width: 453px;
	 border:none;
	 text-transform:none;
	 color: #0D89A4;
	 padding-left:52px;
	 height:35px;
	 background:url(../images/chineseicon.png) no-repeat;
}
#webagency p {font-size:13px;}

/* ---- OFFERTE ----------------------*/
#offerte {
	background:url(../images/tratt.gif) repeat-x top left;
	position:relative;
	width:980px!important;
	overflow:hidden;
	padding:40px 0px;
	margin-bottom:0px!important;
}
#offerte header {
	float:left;
	width:140px;
	padding:0px;
}
#offerte header h2 {
	border:none;
	padding:0px 0px 0px 10px;
}
#offerte div {
	float:left;
	width:250px;
	padding:0px 15px;
	margin:0px;
}
#offerte div h3 {
	padding-top:5px;
	line-height:1.2em!important;
	height:45px;
	font: 15px "ClarendonRoman", Georgia, Times, serif;
	font-weight:bold;
	letter-spacing:-1px;
	text-shadow: 0px 1px 1px #84afb8;
	
}
#offerte a, #offerte a:visited, #offerte a:hover {color: #46443D;}
#realizzazionesitiweb h3 {
	padding-left: 90px;
	background:url(../images/temple_gr.png) no-repeat top left; 
	/*opacity: 0.6;
	-moz-transition: opacity 0.2s ease-in-out;*/
}
#googleadwords h3 {
	padding-left: 55px;
	background:url(../images/gong_gr.png) no-repeat top left; 
} 
#sviluppoapplicazioni h3 {
	padding-left: 60px;
	background:url(../images/drago_gr.png) no-repeat top left; 
}

/* ---- PORTFOLIO --------------------- */
#portfolio {
	position:relative;
	width:980px!important;
	overflow:hidden;
}
#portfolio header {
	padding:0px;
}
#portfolio header h2 {
	height:37px;
	width:495px;
	border:none;
	padding:3px 0px 0px 485px;
	background:url(../images/tazza.png) no-repeat center left;
}
#portfolio a, #portfolio a:visited, #portfolio a:hover {color: #46443D;}
#lavori{
	list-style:none;
	width:980px;
	height:238px;
	margin-bottom:10px;
}
#lavori li{
	margin:0;
	padding:0;
	position:absolute;
	display:none; 
}
#control { margin:0px 0px 20px 181px; }
#control a {
	float:left;
	margin-right:3px;
	width:16px;
	height:16px;
	background:url(../images/tao.png) no-repeat top left;
	text-indent:-9999px;
	outline:none;
}
#control a:hover, #control a:focus, #control a:active{
	background:url(../images/tao.png) no-repeat bottom left;
}
.statohover {background:url(../images/tao.png) no-repeat bottom left!important;}
.lavorowrap {
	width:980px;
	height:238px;
	position:relative;
	overflow:hidden;
}
.hreview {
	margin-left:10px;
	padding:20px 45px 0px ;
	width: 320px;
	position:relative;
	color:#8A8A8A;
}
.big {width:450px!important; margin-bottom:30px;}
.little {
	width:auto;
	margin-left:0px;
	padding:20px 0px 0px;
	text-align:left;
}
.quotemarkopen, .quotemarkclosed  {
	color: #C4C4C0;
    font: 88px Georgia,"Times New Roman",Times,serif;
    position: absolute;
}
.quotemarkopen { top:-5px; left:0;}
.quotemarkclosed { bottom: -12px; right:0; }
div.big .quotemarkclosed {bottom:-74px!important;}
.description {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height:1.6em;
}
.little .description {font-size: 14px;}
aside h4 {
	color:#924735;
	padding-bottom:20px;
	border-bottom:1px solid #BDBCB7;
}
aside h3 {
	color: #525250;
    font: 25px "ClarendonRoman",Georgia,Times,serif;
	text-shadow: 0 1px 1px #84AFB8;
    margin-bottom: 10px;
    letter-spacing:-0.1em;
	text-align:left;
}
.hreview .reviewer {
	margin-top:20px;
	font-weight:bold;
	line-height:1.2em;
	 color: #656565;
	 margin-bottom:0px!important;
}
.hreview .reviewertitle {color:#0D89A4; margin-bottom:0px!important;}

.lavoro {
	position:relative;
	float:right;
	margin-right:30px;
	width:350px;
	height:220px;
	padding:5px;
	background:#FFF;
	border: 1px solid #E6E6E6;
    box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.7);
	-moz-box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.7); 
	-webkit-box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.7); 
}
.strech {
	float:left;
	width:330px!important;
	height:200px!important;
	margin:15px 15px 15px 0px;
}
.nomargin {margin-right:0px!important;}
.wrap, .wraportfolio{
	overflow:hidden;
	margin:10px 0px 40px;
}
.agencywrap {
	overflow:hidden;
	margin:0px 0px 40px;
	padding:10px 10px 0px 150px;
	text-align:justify;
	background:url(../images/lantpend.png) no-repeat 30px 0px;
}
.wraportfolio a img {
	padding:5px;
	background: #FFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0 2px 3px rgba(102, 102, 102, 0.7);
	-moz-box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.7); 
	-webkit-box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.7); 
    margin-top: 18px;
	display:inline;
}
.margin {margin-right:18px;}
.over {
	color: #FFFFFF!important;
    text-shadow: 0 0 8px #000000;
    background: rgba(39, 39, 39, 0.85);
    box-shadow: 0 0 90px black inset;
    height: 100%;
    opacity: 0;
    position: absolute;
    top:5px;
	left:5px;
    width: 350px;
	height:220px;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}
.ovstrech {
	width:330px!important;
	height:200px!important;
}
.over:hover { 
	opacity: 1;
	text-decoration: none!important;
}
.over h3 {
	padding: 25px; 
	font: 38px "YanoneKaffeesatzBold";
	letter-spacing:5px;
	text-transform:uppercase;
}
.over p {font-size:16px; color:#C5DCDA;	padding:0px 25px; }
.center {text-align:center; display:block;}
 
/* ---- FOOTER ------------------------ */
#footerwrap {
	background: url(../images/footerbg.jpg) repeat-x top left;
	clear: both;
	position: relative;
	width:100%;
}
footer {
	position:relative;
	padding: 10px 10px 20px;
	width:960px;
	margin:0 auto;
	position: relative;	
	overflow:hidden;
	background: url(../images/lanterninaceleste.png) no-repeat 534px 0px;
}
footer:hover { background: url(../images/lanternina_acc_cel.png) no-repeat 534px 0px; }
#contatti {
	padding:0px 15px 0px 15px;
	width:250px;
	float:right;
	color:#C5DCDA;	
	font-size:12px;
}
#contatti p {margin-bottom:0px!important;}
#contatti h3 {
	font: 28px "YanoneKaffeesatzBold";
	background:url(../images/chineseiconcel.png) no-repeat center left;
	padding:5px 0px 5px 55px;
	color: #D6A22D;
	border-bottom:1px dashed #78A8A8;
	border-top:1px dashed #78A8A8;
	margin-bottom:10px;
}
#contatti a { color: #D6A22D; font-weight:normal; }

#navigazione {
	position:relative;
	width:490px;
	margin-top:10px;
	margin-bottom:25px;
}
ul.menu {
	overflow:hidden;
	list-style:none;
}
ul.menu li {
	float:left; 
	margin-right: 5px;
	padding-right:15px;
	height:15px;
	background: url(../images/barretta.png) no-repeat center right;
}
ul.menu li a {
	display:block;
	height:15px;
	font: 13px "ClarendonRoman", Georgia, Times, serif;
	color:#C4C4C0;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a.active { color:#B25438; text-decoration:none; background:none;}
.ultimo {background:none!important;}

#socialnetwork {overflow:hidden;}
#socialnetwork h3 {
	font: 28px "YanoneKaffeesatzBold";
	color: #D6A22D;
	float:left;
	padding-top:8px;
}
#socialnetwork ul {
	margin-left:80px;
	list-style:none;
}
#socialnetwork li {
	height: 48px;
	float:left;
	margin-right:5px;
}
#socialnetwork a.facebook {
	height: 48px;
	display:block;
	width: 48px;
	background:url(../images/facebook.png) no-repeat top left;
	text-indent:-9999px;
}
#socialnetwork a.facebook:hover { background:url(../images/facebook_chiaro.png) no-repeat top left;}
#socialnetwork a.twitter {
	height: 48px;
	display:block;
	width: 48px;
	background:url(../images/twitter.png) no-repeat top left;
	text-indent:-9999px;
}
#socialnetwork a.twitter:hover { background:url(../images/twitter_chiaro.png) no-repeat top left;}
#socialnetwork a.rss {
	height: 48px;
	display:block;
	width: 48px;
	background:url(../images/rss.png) no-repeat top left;
	text-indent:-9999px;
}
#socialnetwork a.rss:hover { background:url(../images/rss_chiaro.png) no-repeat top left;}
#google {
	position:absolute;
	bottom:40px;
	left:530px;
}
.fb-like {
	position:absolute!important;
	bottom:10px;
	left: 512px;
}
small {
	font-size:10px;
	color:#8A8A8A;
	position:absolute;
	bottom:10px;
}
small a, small a:hover { color:#8A8A8A!important;}

/* ---- CONTATTI ---------------------------- */
.formwrap {
	margin:30px 0px;
	position:relative;
	width:577px;
	margin-left:61px;
	padding-top:29px;
	background:url(../images/scrolltop.png) no-repeat top left;
}
#formcontatto {
	position:relative;
	width:577px;
	padding-bottom:32px;
	background:url(../images/scrollbottom.png) no-repeat bottom left;
}
#formpreventivo {
	position:relative;
	width:680;
	padding:0px 10px;
}
#formpreventivo #info {
	margin-left:100px;
	width:500px;
}
#formpreventivo #specifiche {
	margin-top:10px;
	width:680px;
	background:url(../images/specifiche.png) no-repeat top left;
	padding:60px 0px 0px;
}
#formcontatto fieldset{
	width:430px;
	padding:20px 73px 10px 74px;
	background:url(../images/sfondoscroll.png) repeat-y top center;
	/*display:none;*/
}
#formcontatto ul li, #formpreventivo ul li {
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
	position:relative;
	list-style:none;
}
#formcontatto label, #formpreventivo label {
	color: #525250;
    float: left;
    font: 13px "ClarendonRoman",Georgia,Times,serif;
    letter-spacing: -1px;
	text-shadow: 0px 1px 1px #84afb8;
    position: relative;
    text-transform: uppercase;
    top: 22px;
	font-weight:bold;
}
#formcontatto input, #formpreventivo input {
	background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #989895;
    border-style: none none dashed;
    border-width: medium medium 1px;
    bottom: 13px;
    color: #4F4F4F;
    font: 30px "ChristopherhandRegular",Courier New,monospace;
    letter-spacing: 1px;
    outline: medium none;
	float:right;
}
#formpreventivo input[type="radio"] {float:none; margin:0px 5px 4px 15px;}
#formpreventivo input[type="checkbox"] {float:none; margin:0px 6px 5px 0px; border-bottom:none; }
.allin {margin-left:220px;}
#formpreventivo #specifiche label, #formpreventivo #richiesta label {
	top:0px!important; 
	padding-right:20px;
	width:200px;
	text-align:right;
}
#formpreventivo #specifiche p {margin-left:220px;}
#formpreventivo #specifiche input[type="text"] {width:455px;}
#formpreventivo select {
	text-align:left;
	line-height:24px;
	width:250px;
}
#formpreventivo li.sitomore, #formpreventivo li.sitoplus, #formpreventivo li.seomore, #formpreventivo li.restylingmore{display:none;}
#formcontatto input#nome, #formcontatto input#societa, #formcontatto input#email{width:340px;}
#formpreventivo input#nome, #formpreventivo input#societa, #formpreventivo input#email {width:400px;}
#formcontatto input#tel {width:330px;}
#formpreventivo input#tel {width:400px;}
#formcontatto input#privacy, #formpreventivo input#privacy{border:none;}
#formcontatto label.error, #formpreventivo label.error {
    background: url(../images/errow.png) no-repeat scroll 0 0 transparent;
    clear: both;
    color: #A21714;
    font: 30px "ChristopherhandRegular",Courier New,monospace;
    letter-spacing: 0;
    margin-top: -10px;
    padding: 0 0 10px 21px;
    text-transform: none;
}
#formpreventivo #specifiche label.error, #formpreventivo #richiesta label.error {width:auto; margin:10px 0px 0px 90px;} 

#formcontatto textarea, #formpreventivo textarea {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #4F4F4F;
    display: block;
    font: 30px "ChristopherhandRegular",Courier New,monospace;
    height: 150px;
    letter-spacing: 1px;
    margin-top: 4px;
    outline: medium none;
    overflow: auto;
    resize: none;
    width: 430px;
}
#formpreventivo textarea {width:455px;}
#formcontatto label[for="messaggio"], #formcontatto label.nascosto {display:none;}
#formcontatto ul#richiesta small {font-size:11px;}
#formcontatto ul#richiesta {
	margin-top:20px;
	padding-top:20px;
	background:url(../images/messaggio.png) no-repeat top center;
}
#formpreventivo #richiesta {
	margin-top:30px;
	width:680px;
	background:url(../images/richiesta.png) no-repeat top left;
	padding:60px 0px 0px;
}
#infocontatti{
	width: 260px;
	float:right;
	padding:0px 10px;
	margin-top:450px;
	margin-bottom:20px;
	-moz-transition: color 0.4s ease-in 0s;
   /* border-top: 6px solid #D3D2C5;*/
    position: relative;
	color: #B25438;
}
#infocontatti:hover {
    color:#465A5E;
}

#infocontatti h3 {
	color:#465A5E;
	/*font: 26px "YanoneKaffeesatzBold";*/
	width:100%;
	margin:0px;
	padding:0px;
	/*text-transform:uppercase;*/
	padding:5px 0px;
	border-bottom:1px dashed #78A8A8;
	border-top:1px dashed #78A8A8;
	
	/*color: #5A5A5A;*/
    font: 20px "ClarendonRoman",Georgia,Times,serif;
	font-weight:bold;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
    /*padding-top: 17px;*/
}
#infocontatti p {color:#46443D!important;}

/* ---- TOOLTIP ---------------------------------------  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow_small.png);
	font-size:12px;
	font: 17px "YanoneKaffeesatzBold",Georgia,Times,serif;
	height:36px;
	width:83px;
	padding:12px 10px;
	color:#fff;	
	text-align:center;
	line-height:1em;
}
#tecnologie {margin-top:30px;}
#tecnologie h3 {
	float:left;
	display:block;
	width:130px;
	height:40px;
	text-align:center;
	margin-bottom:40px;
}
#tecnologie div {
	margin-left:140px;
	height:40px;
	display:block;
	margin-bottom:40px;
}
#tecnologie img {cursor:pointer; margin:0px 4px; border:0px;}

div.tooltip2 { 
    background-color:#000; 
    outline:1px solid #669; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:11px; 
    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
}
/*-- PANES -----------------*/
#nav {
	width:700px;
	}
#nav ul {
	
	overflow:hidden;
}
#nav li {
	float:left;
	width:175px;
	list-style:none;
}
#nav li a, #nav li a:visited {
	width:165px;
	padding:8px 5px;
	height:31px;
	display:block;
	float:left;
	position:relative;
	color:#999;
	font: 28px "YanoneKaffeesatzBold";
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #78A8A8;
}
#nav li a:hover, #nav li a:active, #nav li a.current {
	color:#900;
	text-decoration:none;
}
#nav li a.current {
	height:30px;
	border-top:1px dashed #78A8A8;
	border-right:1px dashed #78A8A8;
	border-left:1px dashed #78A8A8;
}

#panes {
	width:700px;
	position:relative;
	margin-bottom:40px;
}