/* CSS layout*/
#pagina, #top, #navigazione, #main, #bottom, #closer {

	width: 962px;
	margin: 0;
	padding: 0;
}
/*
* pagina principale
*/
#pagina {

	margin: 0 auto;
	padding: 0;
	position: relative;
}
/*
* intestazione
*/
#top {
	margin-top: 10px;
	text-align:justify;
	background-color: #333;
	height: 102px;
	background-image: url(/images/top_portfolio.jpg);
}
/*
* barra di navigazione
*/
#navigazione {
	text-align:justify;
	color: #000;
	background-color: #000;
	height: 31px;
	background-image: url(/images/bar.png);
	background-position: top-left;
	background-repeat: no-repeat;
}
#navipos {
	text-align:left;
		line-height: 21px;
	text-indent:180px;
	padding: 0px 0px 0px 0px;
	height: 25px;

}
/*
* pedice
*/
#pedice {
	text-align:justify;
	height: 32px;
	background-repeat: no-repeat;
	background-image: url(/images/bot_portfolio.png);
	}
#pedice_nav {
	padding: 4px 220px;
}
#pedicelink {
		margin: 10px;
	padding: 0px 16px;
	float: right;
	
}
#pedicelink a {
	color: #777;
	text-decoration:none;
	margin: 20px 5px;
	padding: 0;
}
#pedicelink a:hover {color: #000;}
#pediceads {
	float:right;
		margin: 0px;
		
	padding: 0px;
}
.lang {
	display: block;
		margin: 2px 60px;
		padding: 0px;
}

#chiusura {
	height: 30px;
			text-align:center;
}
/* pagina principale aree interne */
#main {

	background-image: url(/images/cont_back.png);
	background-repeat: repeat-y;
	height:406px;
}


#menusx {
	width: 161px;
padding: 5px 3px 5px 7px;
	float:left;
	}
html>body #menusx {
width: 173px;
}

#news_menu{
	height: 225px;
padding-right: 4px;
overflow: auto;
	}

#banner_menu{
	height: 120px;
	}

#nav_menu{
padding-right: 4px;
	}

#centro {
	width: 773px;
	height: 406px;
	padding: 0px;
margin:0px;

	float:left;
}
html>body #centro {
width: 773px;
}

#menudx {
	width: 190px;
	padding: 5px 5px 5px 7px;
	float:right;
}
html>body #menudx {
width: 183px;
}
.break {
	clear: both;
}

/* stili componenti
*/

div#wrapper {
		height: 100%;
	background-color: #eeeeee;
margin-left: auto;
		margin-right: auto;
		min-width: 750px;
		max-width: 1050px;
		_width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1050? "1050px": "auto" );
}

div#wrapper_r {
	padding-bottom: 8px;
}

/* Pagina dei portfolio*/
#portfolio_left,#portfolio_middle,#portfolio_right {
color: #aaaaaa;
font-size:12px;
	height: 405px;
	margin: 0;
	padding: 0;
	float: left;
}
#portfolio_left {
	width: 195px;
}
#portfolio_middle {
	width: 372px;
	overflow:hidden;
padding: 0px 10px 0px 10px;
margin: 0px;

}
html>body #portfolio_middle {
width: 372px;
}
#portfolio_right {
	width: 185px;
	float: right;
}
#portfolio_right ul li, ul {
list-style-type:none;
margin:0px;
padding:0px 0px 0px 5px;
vertical-align:middle;
}
/* diapositive */

.portfolio_thumb {
/*background: #333;*/
	/*color: #333;*/
width: 191px;
height: 200px;
	margin: 1px;
	float: left;
		background-image: url(/images/bottoni/sfondofoto_p.jpg);

/*background: #333;*/
	text-align: center;
}

.portfolio_thumb img {
	width: 160px;
/*	background: #fff;
	border: 0px solid #000;*/
	padding: 0px 0px 0px 0px;
	margin: 13px 0px 0px 0px;
}

.portfolio_thumb a img {
	border-color: #000;
}

.portfolio_thumb a:hover img {
/*	border-width: 1px;
	border-color: #6a6b99;
	margin: 0;
	-moz-border-radius: 5px;*/
}
.portfolio_dida {
	color: #fff;
	font-weight: bold;

	text-align: center;
}
/* image box */
img
{
	border: none;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
#ImageBoxClose
{
	background-image: url(/images/imagebox/close.png);
	background-repeat:	no-repeat;
	background-position: left bottom;
}