*{
  margin:0;
  padding:0;
}

html{
  background:#727272;
  font-family:Georgia;
}

img{
  border:0;
}

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.valign{vertical-align:middle;}

#header{
  width:970px;
  height:440px;
  margin:15px auto;
  background:url(../img/main.png) no-repeat center;
}

.toptext{
  color:#b1b1b1;
  font-size:60px;
  text-align:right;
  width:480px;
  height:390px;
  padding-top:20px;
  list-style-type:none;
  text-shadow: -2px -2px 1px #efefef;
}

.toptext li{
  height:105px;
  padding-right:16px;
}

.toptext li:hover{
    background:url(../img/sha.png) no-repeat right top;
    text-shadow: -2px -2px 12px #000;
    font-style:italic;
}

.rightext{
  color:#b1b1b1;
  font-size:60px;
  text-align:left;
  width:380px;
  height:220px;
  margin-top:228px;
  margin-left:30px;
  list-style-type:none;
  text-shadow: -2px -2px 1px #efefef;
}

.rightext li{
  height:105px;
  padding-left:16px;
}

.rightext li:hover{
    background:url(../img/shal.png) no-repeat left top;
    text-shadow: -2px -2px 12px #000;
    font-style:italic;
}

.index{
  width:300px;
  height:100px;
  left:650px;
  top:40px;
  position:absolute;
}

.index a{
  padding-right:300px;
  padding-bottom:80px;
}

.reindex{
  width:200px;
  height:70px;
  left:850px;
  top:120px;
  position:absolute;
}

.reindex a{
  padding-right:200px;
  padding-bottom:60px;
}


.toptext li a, .rightext li a{
  color:#b1b1b1;
  text-decoration:none;
}

.hide{
  display:none;
  padding-right:15px;
}

.hider{
  display:none;
  padding-left:15px;
}

#separator{
  background:url(../img/sep.png) repeat-x;
  height:26px;
  margin-top:15px;
}

#footer{
  background: url(../img/topbg.png) repeat-x bottom;
  height:150px;
  margin-top:50px;
}

#footer p{
  text-align:center;
  color:#fcfcfc;
  text-shadow: 1px 1px 1px #333;
  margin:10px 0;
}

#footer p a{
  color:#fcfcfc;
  text-decoration:none;
  padding-right:22px;
  background:url(../img/email.png) no-repeat right;
}

#inside{
  padding-top:20px;
}

#showbody{
  width:700px;
  margin:20px auto;
  background:#e5e5e5;
  border:1px solid #333;
  padding:10px 20px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  box-shadow: 0px 0px 15px #000;
  -moz-box-shadow: 0px 0px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
}

#showbody h1{
  color:#333;
  margin-top:10px;
  margin-left:10px;
  font-style:italic;
  background:url(../img/arrow.png) left no-repeat;
  padding-left:50px;
}

#showbody h3{
  color:#333;
  margin-top:10px;
  margin-left:10px;
  font-style:italic;
  padding-left:40px;
  padding-top:7px;
  padding-bottom:7px;
  margin-top:25px;
}

.question{background:url(../img/question.png) no-repeat left}
.discussion{background:url(../img/discussion.png) no-repeat left}
.work{background:url(../img/work.png) no-repeat left}
.portfolio{background:url(../img/portfolio.png) no-repeat left}

#showbody p{
  margin:16px 0;
  text-align:justify;
  font-size:18px;
  color:#333;
  line-height:30px;
}

#showbody a{
  color:#6d6d6d;
  text-decoration:none;
  padding-right: 22px;
  background:url(../img/link.png) no-repeat right;
}

#showbody .lavori .image a, #showbody .lavori h3 a{
  color:#6d6d6d;
  text-decoration:none;
  padding-right: 0px;
  background:none;
}

#showbody .lavori h3{
  text-shadow: 1px 1px 0px #333;
}

.image{
  text-align:center !important;
  height: 110px;
  overflow:hidden;
}

#showbody .lavori {}

.lavori img{border:1px solid #ccc; padding:0 !important;}

.lavori{
  border:1px solid #333;
  margin:20px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height:200px;
  overflow:hidden;
}

.didascalia{
  width:680px;
  padding: 0 10px;
}

#showbody p img{
  padding:8px;
}

.parag{
  text-shadow: 1px 1px 1px #333;
  font-size:22px;
}

.services p{
  border:1px solid transparent;
}

.services p:hover{
  border-top:1px solid #939393;
  border-bottom:1px solid #939393;
}

.metodo p{
  margin-top:0 !important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	box-shadow: 0px 0px 15px #000;
  	-moz-box-shadow: 0px 0px 15px #000;
  	-webkit-box-shadow: 0px 0px 15px #000;
  	font-size:12px;
  	max-width:450px;
}
#tooltip h3, #tooltip div { margin: 0; }

.contactme{color: #333333;}

.contactform{
  width:48%;
}

.contactleft{
  width:48%;
}

.contactleft ul{
  list-style-type:none;
  margin-top: 20px;
  text-shadow: 1px 1px 1px #fff;
}

.contactleft ul ul{
  list-style-type:none;
  margin-top: 0px;
  margin-left:20px;
}

.contactleft ul li{padding-left:100px;}
.contactleft ul li ul li{padding-left:0px;}

.contactleft .title{font-size:36px; background:url(../img/digitalsideth.png) left no-repeat;}
.contactleft .subtitle{font-size:22px;}
.contactleft .bold{font-weight:bold; background:url(../img/home.png) no-repeat; background-position: 50px 10px; padding-top: 20px; margin-top:10px;}
.contactleft .email{background:url(../img/mail.png) no-repeat; background-position: 50px 10px; padding-top: 20px; padding-bottom:10px; margin-top:10px;}
.contactleft .skype{background:url(../img/skype.png) no-repeat; background-position: 50px 10px; padding-top: 20px; padding-bottom:10px; margin-top:10px;}
.contactleft .phone{background:url(../img/phone.png) no-repeat; background-position: 50px 10px; padding-top: 20px; padding-bottom:10px; margin-top:10px;}
.contactleft .lhome{background:url(../img/lhome.png) no-repeat; background-position: 50px 10px; padding-top: 20px; padding-bottom:10px; margin-top:10px;}

.contactform input, .contactform textarea{
  border:1px solid #fcfcfc;
  background:#cfcfcf;
}

.contactform input:focus, .contactform textarea:focus{
  border:1px inset #fcfcfc;
  background:#f69c47;
}

.contactform input{
  padding:4px;
  color:#333;
  font-size:16px;
}

.contactform textarea{
  padding:4px;
  color:#333;
  font-size:16px;
  height:300px;
  width:330px;
}

.contactform label{
  font-size:16px;
  text-shadow:1px 1px 0px #f1f1f1;
}

.error{
  border:1px solid #ff0505;
  background:#ffcbcb;
  padding: 8px 0;
}

.error p, .welldone p{
  font-size: 14px !important;
  margin: 0 !important;
  line-height:20px !important;
  padding:0 8px;
}

#errorid, #welldoneid{
  cursor:pointer;
}

.welldone{
  border:1px solid #199b04;
  background:#ceffc6;
  padding: 8px 0;
}

#scrolltop{
  display:none;
  bottom:0;
  right:0;
  position:fixed;
  width:60px;
  cursor:pointer;
}