/*
	==========================================
    Template design by Adriano Urso (www.heyyoudesign.com) inspiration from a project by Borut Jegrišnik (www.solucija.com)
	------------------------------------------
	2010. heyyoudesign.com
	==========================================
*/
*{ margin: 0; padding: 0; }
:focus,:active { outline: 0; }
body { font: 14px Tahoma, Arial, Sans-Serif; color: DimGray; background: White; }
a { text-decoration: none; color: DimGray; }
	a:hover { color: Orange; }
.x { clear: both; }

p { line-height: 22px; margin: 0 0 22px; color:#666; padding: 0px 15px 0px 0px; }
p strong {color: black; font-weight: normal; }
img { border: 0; }

h1 { font-size: 38px; font-weight: bolder ; margin-bottom: 10px;}
h2 { font-size: 18px; font-weight: normal; margin-bottom: 2px; color: #333; }
h3 { font-size: 16px; font-weight: bolder; margin-bottom: 10px; color: #333; }
h4 { font-size: 20px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }

#wrapper { margin: 0 auto; width: 980px; padding-top: 5px;  /* background: url(../images/bg.jpg) no-repeat; */ }

#top {
  margin-top: 20px;
  height: 65px;
}

#logoindex { position: relative; padding: 100px 12px 100px; text-align: center; width:auto; }
/*#logoindex { position: relative; padding: 100px 12px 100px; text-align: center; width:auto; background: url(../images/81studio_logo_366x195.png) no-repeat center left;  }
#logoindex:hover { background: url(../images/81studio_logo_366x195_orange.png) no-repeat center left; }*/

	#logoindex h1 { font: bold 60px Arial;
     letter-spacing: 10px;
    text-shadow: 4px 4px 4px black;
    height: 1.4em;
	filter: Shadow(Color=black,
			Direction=135,
			Strength=5);
 }
    #logoindex .di { width: inherit; position: absolute; left: 538px; text-align: right; text-shadow: 1px 1px 1px #ccc; }
    #logoindex p { width: auto;  text-align: right;
                text-shadow: 1px 1px 1px #ccc;
                height: 1.2em;
            	filter: Shadow(Color=LightGrey,
            			Direction=135,
            			Strength=2);
            }
	#logoindex h1 a { color: DodgerBlue; }
	#logoindex h1 a span { color: Orange; }

#logo { margin: 5px 0 0 20px; float:left; background: url(../images/81studio_logo_131x70.png) no-repeat center left; width:131px; height:70px; }
#logo:hover { background: url(../images/81studio_logo_131x70_orange.png) no-repeat center left; }
	#logo h1 { font: bold 24px Arial; letter-spacing: 4px;
                text-shadow: 1px 1px 1px black;
                height: 32px; width:300px;
                filter: Shadow(Color=Black,
            			Direction=135,
            			Strength=3);
         }
		#logo h1 a { color:  DodgerBlue; }
		#logo h1 a span { color: Orange; }
/*
#logo { padding: 20px 12px 10px; float:left; width: 100px;}
	#logo h1 { font: bold 24px Arial; letter-spacing: 4px;
                text-shadow: 1px 1px 1px black;
                height: 32px; width:300px;
                filter: Shadow(Color=Black,
            			Direction=135,
            			Strength=3);
         }
		#logo h1 a { color:  DodgerBlue; }
		#logo h1 a span { color: Orange; }
*/

ul#mappa1 { 
margin:0;padding:0;
list-style:none;
position:relative;
top:0px;
left:0px;
width:130px;height:70px;
background: no-repeat;
} 
ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
} 
li#mappa1-link1 {
left:0px;top:0px;
width:130px;height:70px;
} 
li#mappa1-link2 {
left:520px;top:228px;
width:420px;height:115px;
} 
li#mappa1-link3 {
left:960px;top:228px;
width:270px;height:90px;
} 
li#mappa1-link4 {
left:0px;top:0px;
width:360px;height:210px
} 
#mappa1 a {
display:block;
width:100%;
height:100%;
}
#mappa1 .alt { display:none }

#content { background: #fff; width: 980px; position:relative; }

.menu { list-style:none; margin: 20px 0px 20px 10px; float:right; }
	.menu li { float: left; margin: 0 0px 0 20px;   }
	.menu li a { display: block; font-size: 14px; padding: 6px 24px; }
	.menu a:hover, .menu li.current a {  color: Orange ;  }

		.menu li ul { display: block; background: #fff; opacity:0.90; filter:alpha(opacity=90); margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 0px solid DodgerBlue; }
		.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu li ul li a { width: auto; margin: 4px; white-space: nowrap;  }

#newsletter { position:relative; top:-15px; right:0px; float: right; width: 275px; margin: -10px 15px 10px 170px; display: inline; }
	#newsletter .text { width: 227px; height: 16px; border-bottom: 1px solid #ddd; border-right:none;border-left:none;border-top:none; padding: 5px 0 5px 5px; float: left; color: #888; }
	#newsletter .submit { float: left; border-bottom: 1px solid #ddd;border-right: none;border-left:none;border-top:none; background: White url(../images/mail1.gif) no-repeat center 8px; width: 32px; height: 25px; padding-top: 1px; }

#search { float: right; width: 275px; margin: -10px 15px 10px 0px; display: inline; }
	#search .text { width: 227px; height: 16px; border: 1px solid #ddd; padding: 5px; float: left; color: #888; }
	#search .submit { float: right; border: 0; background: #000 url(../images/search.gif) no-repeat center 8px; width: 32px; height: 28px; padding-top: 1px; }

#pitch { position:relative; margin-bottom: 30px;}
	#pitch .infoline { margin-top: -70px; padding:10px 0 10px 10px; background: #000; font-size: 16px; width: 490px; height: 32px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }

	.pitch-gallery {overflow: hidden; width: 500px; position: relative; float:right;  margin-left: 5px;}
	   .pitch-gallery-holder { width: 3500px; position: relative; top: 0; left: 0; }
	   .pitch-gallery-div { float: left; }

#progettista { float:left; margin: 5px; padding-right: 5px; position: relative; border-top: 4px double #ccc; border-bottom: 1px solid #ccc; width: 200px;
text-shadow: 1px 1px 1px #ccc;
}
    #progettista:hover { border-color: DodgerBlue; /* background-color: Orange; opacity:0.90; filter:alpha(opacity=90); */ color: Orange ;
text-shadow: 1px 1px 1px #ccc; }
    .progettistaimg {  float: right; width:100px; height:109px; background-image: url(../images/paolo_roberto_urso_foto_100x109.png);}
    .progettistaimg:hover {  float: right; background-image: url(../images/paolo_roberto_urso_foto_bn.png); opacity:0.70; filter:alpha(opacity=70);  }
    .nome { padding: 0px 10px 0px 5px; float: left; position:absolute; top:20px; left:0px; }

#left { float: left; margin-left: 15px; margin-right: 15px; display: inline; width:960px;}
  /* #left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }*/
	#left form { padding-left: 45px; }
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#aaa; }
		#left textarea:focus { border-color: #aaa; }
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }

ul { color: #666; margin: 0 0 10px 30px; line-height: 18px; }
ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }

	#contact-back { margin: 12px 40px 0 0; float: right; }

.post { position: relative; margin-bottom: 20px; height: 127px; }
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 20px; margin-right: 5px; margin-left: 20px; display: inline; }

/*INICIO SCROLL*/
.vertical {
	position:relative;
	overflow:hidden;
	min-height: 300px;
	width: 240px;
}
.items {
	position:absolute;
	margin: 0px;
	float:left;
}
.items div {

}
.items div a {
}
.items div a:hover {
}
.items strong
{
	font-weight: bold;	
}
.disabled {
	visibility:hidden;
}
.nextPage {
	float:left;
	width:240px;
	text-align:center;
	display:block;
	height:18px;
	cursor: pointer;
	filter:alpha(opacity=60);
	-moz-opacity:60;
	opacity: 0.6;	
}
.nextPage:hover {
	filter:alpha(opacity=80);
	-moz-opacity:80;
	opacity: 0.8;	
}
.prevPage {
	float:left;
	width:240px;
	text-align:center;
	cursor: pointer;
	filter:alpha(opacity=60);
	-moz-opacity:60;
	opacity: 0.6;
}
.prevPage:hover {
	filter:alpha(opacity=80);
	-moz-opacity:80;
	opacity: 0.8;	
}
/*FIN SCROLL*/


#feature { margin-left: 20px; padding-bottom: 10px; }
	.small-post { float: left; width: 260px; margin-right: 75px; }
		.small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
	.last { margin-right: 0; }
	#feature ul { margin-top: -11px; }

#footer { clear: both; /* border-top: 1px solid #ccc; */ padding: 10px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #fff; }

	#footer a { color: #808080; background: #fff; font-weight: bold; }

	.right{ float: right; padding: 0px 0 0 15px; }

	#webdesign a{ color: #9b9b9b; background: #fff; font-weight: normal;}


#footerindex { clear: both; text-align:center; /* border-top: 1px solid #ccc; */ padding: 10px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #fff; }

	#footerindex a { color: #808080; background: #fff; font-weight: bold; }


.post-info { font-size: 11px; color: #999; }
.read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 10px 0; display: block; }
	.no-border { border: 0; }
.space { margin-bottom: 20px; }

#left .article ul {
line-height:10px;
list-style-type:none;
margin: 0.2em 0 0.2em 0.5em;
padding:0px;
}
.thebody {
  display: inline; margin: 0;
}
.summary {
  display: inline; margin: 0;
}
#left .article p { margin: 10px 0 10px 5px; color:#666; padding: 0px 15px 0px 0px; }
#left a.read-more-thebody { /*background: url(../images/link_chiaro.gif) no-repeat center left;*/ padding-left: 13px; font-size: 10px; color: DodgerBlue; }

.81index { background: url(../images/link_chiaro.gif) no-repeat center left; }