@charset "utf-8";
/* CSS Document */

/* component */

body {
width:1024px;
height:auto;
margin:0px auto;
text-align:center;
}

#container {
width:900px;
height:auto;
margin:0px auto;
padding:0px;
}

#site {
width:auto;
height:auto;
text-align:center;
margin:0px auto;
padding-top:10px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:11px;
}

#site_superiore {
width:405px;
height:410px;
padding:10px;
margin:0px auto;
text-align:left;
}

#pagination {
text-align:right;
width:850px;
height:30px;
}

#pagination a {
color:#333333;
text-decoration:none;
}

#pagination a:hover {
color:#CCCCCC;
text-decoration:none;
}

#work{
width:940px;
height:490px;
margin:0px auto;
padding:2px;
}


#portfolio {
width:940px;
height:470px;
margin:0px auto;
padding-left:22px;
}

#portfolio p {
text-align:left;
margin:0px;
}

#portfolio p a img {
width:100px;
height:100px;
border:none;
margin:2px;
padding:0px;
}


#vetrina p{
/*width:400px;
height:400px;*/
width:auto;
height:350px;
background-image:url(../images/under_costruction_ufficial.jpg);
background-position:top;
background-repeat:no-repeat;
padding:310px 0px 0px 5px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

#vetrina p a{
color:#CCCCCC;
}

#vetrina p a:hover{
color:#FF3300;
}

#site_centrale {
width:419px;
height:75px;
padding:3px;
margin:0px auto;
}

#menu {
margin:10px 0px 20px 0px;
width:auto;
height:auto;
padding:0px;
}

#menu ul {
padding:0px;
text-align:center;
margin:0px auto;
width:150px;
height:auto;
}

#menu ul li {
margin:0px 10px 0px 10px;
padding:0px;
list-style:none;
font-size:10px;
}

#menu li.selected a{
color:#333333;
font-weight:bold;
}


#site_inferiore {
width:225px;
height:225px;
padding:10px;
margin:0px auto;
text-align:left;
}

#about {
width:350px;
height:225px;
padding:10px;
margin:0px auto;
text-align: justify;
}

#contact {
width:230px;
height:225px;
padding:10px;
margin:0px auto;
text-align: justify;
}

#contact p{
line-height:1,8;
margin-left:30px;
}



#footer p{
width:120px;
height:20px;
padding:0px;
margin:0px auto;
margin-top:194px;
text-align:center;
font-size:9px;
line-height:1;
}

#footer p.basic{
width:120px;
height:20px;
padding:0px;
margin:0px auto;
text-align:center;
margin-top:1px;
font-size:9px;
line-height:1;
}

/* contenuti */

.clear  {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding:0px;
	clear: both;
	border: 0px;
}

p {
font-size:11px;
line-height:1,5;
margin:0px 2px 0px 2px;
padding:0px;}

a {
text-decoration:none;
color:#999999;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:#666666;
font-weight:bold;
}

a:active img{
border:0px;
}

a:hover img{
border:0px;
}



/* javascript immagini */

#mygallery {
width: 600px; 
height: 400px; 
margin:0px auto;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
margin:0px auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width:600px;
height:auto;
text-align:center;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 22px 5px 10px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:420px;
text-align:center;
}

/*fine javascript*/