/* ANDRA CONTI©CSS */

body {
	margin:0;
	background-image: url(../img/layout/bg_img.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

#main_container {
	height:100%;
}

#site_layout {
	width:810px;
	/*height:700px;*/
}

#top_shadow {
	width:810px;
	height:18px;
	background-image: url(../img/layout/top_shadow.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:10px;
	margin-bottom:20px;
	clear:both;
}

#bottom_shadow {
	width:810px;
	height:18px;
	background-image: url(../img/layout/bottom_shadow.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
}


#dhtmltooltip{
	position: absolute;
	width: 79px;
	height:94px;
	line-height:94px;
	text-align:center;
	vertical-align:middle;
	visibility: hidden;
	z-index: 100;
	background-image: url(../img/tooltip/bubble_site.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:11px;
	color:#fff;
	padding-top:5px;
}

/* HEADER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#header {
	height:116px;
}

#logo {
	float:left;
	width:296px;
	height:116px;
	text-align:right;
}

/* NAVIGAZIONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#cont_navigazione {
	float:right;
	width:514px;
	height:116px;
	line-height:116px;
	vertical-align:middle;
}

#preloader_menu {
	display:none;
}

#navigazione {
	height:19px;
	width:287px;
	padding-top:50px;
	padding-left:150px;
}

#navigazione a {
	margin-right:18px;
}

#navigazione p {
	display:none;
}

#navigazione a#nav_bio{
	float:left;
	width:18px;
	height:19px;
	background-image: url(../img/navigazione/bio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#navigazione a#nav_bio:hover {
	float:left;
	width:18px;
	height:19px;
	background-image: url(../img/navigazione/bio_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#bio #navigazione a#nav_bio {
	background-image: url(../img/navigazione/bio_on.gif);
}

#navigazione a#nav_bio_eng{
	float:left;
	width:48px;
	height:19px;
	background-image: url(../img/navigazione/bio_eng.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#navigazione a#nav_bio_eng:hover {
	float:left;
	width:48px;
	height:19px;
	background-image: url(../img/navigazione/bio_eng_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#bio #navigazione a#nav_bio_eng {
	background-image: url(../img/navigazione/bio_eng_on.gif);
}

#navigazione a#nav_portfolio {
	float:left;
	width:64px;
	height:19px;
	background-image: url(../img/navigazione/portfolio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#navigazione a#nav_portfolio:hover {
	float:left;
	width:64px;
	height:19px;
	background-image: url(../img/navigazione/portfolio_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#portfolio_web #navigazione a#nav_portfolio {
	background-image: url(../img/navigazione/portfolio_on.gif);
}

#portfolio_print #navigazione a#nav_portfolio {
	background-image: url(../img/navigazione/portfolio_on.gif);
}

#portfolio_adv #navigazione a#nav_portfolio {
	background-image: url(../img/navigazione/portfolio_on.gif);
}

#portfolio #navigazione a#nav_portfolio {
	background-image: url(../img/navigazione/portfolio_on.gif);
}

#navigazione a#nav_contatti {
	float:left;
	width:58px;
	height:19px;
	background-image: url(../img/navigazione/contatti.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#navigazione a#nav_contatti:hover {
	float:left;
	width:58px;
	height:19px;
	background-image: url(../img/navigazione/contatti_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#contatti #navigazione a#nav_contatti {
	background-image: url(../img/navigazione/contatti_on.gif);
}

#navigazione a#nav_cv {
	float:left;
	width:93px;
	height:19px;
	background-image: url(../img/navigazione/cv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#navigazione a#nav_cv:hover {
	float:left;
	width:93px;
	height:19px;
	background-image: url(../img/navigazione/cv_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

/* NAVIGAZIONE PORTFOLIO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#subnav_portfolio {
	height:13px;
}

#subnav_portfolio a {
	margin-right:13px;
}

#subnav_portfolio p {
	display:none;
}

#subnav_portfolio a#nav_web{
	float:left;
	width:33px;
	height:13px;
	background-image: url(../img/navigazione/web.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#subnav_portfolio a#nav_web:hover {
	float:left;
	width:33px;
	height:13px;
	background-image: url(../img/navigazione/web_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#portfolio_web #subnav_portfolio a#nav_web {
	background-image: url(../img/navigazione/web_on.gif);
}

#subnav_portfolio a#nav_print {
	float:left;
	width:37px;
	height:13px;
	background-image: url(../img/navigazione/print.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#subnav_portfolio a#nav_print:hover {
	float:left;
	width:37px;
	height:13px;
	background-image: url(../img/navigazione/print_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#portfolio_print #subnav_portfolio a#nav_print {
	background-image: url(../img/navigazione/print_on.gif);
}


#subnav_portfolio a#nav_photo {
	float:left;
	width:39px;
	height:13px;
	background-image: url(../img/navigazione/photo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#subnav_portfolio a#nav_photo:hover {
	float:left;
	width:39px;
	height:13px;
	background-image: url(../img/navigazione/photo_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#portfolio_photo #subnav_portfolio a#nav_photo {
	background-image: url(../img/navigazione/photo_on.gif);
}


/* CONTENUTI BIO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#contents_bio {
	height:470px;
}


#img_bio {
	float:left;
	width:421px;
	padding-top:50px;
	text-align:left;
	padding-left:62px;
}

#img_bio_eng {
	float:left;
	width:468px;
	padding-top:50px;
	text-align:left;
	padding-left:15px;
}

#text_bio {
	float:right;
	width:327px;
}

#text_bio p {
	padding-right:42px;
	font-size:12px;
	text-align:justify;
	color:#444;
}

#text_bio p.end_bio {
	text-align:right;
}

#text_bio p.end_bio strong {
	color:#222;
}


/* CONTENUTI CONTATTI XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#contents_contatti {
	height:470px;
}

#img_contatti {
	float:left;
	width:441px;
	padding-left:42px;
	padding-top:190px;
	text-align:left;
}

#text_contatti p {
	padding-top:130px;
	float:right;
	width:327px;
	font-size:11px;
	text-align:left;
	color:#444;
}


#text_contatti p strong {
	color:#222;
}

#text_contatti p a {
	color:#222;
	text-decoration:none;
}

#text_contatti p a:hover {
	color:#13a197;
}


span.titolo_contatti {
	font-size:14px;
}

a.link_contatti {
	font-weight:bold;
	color:#222;
	text-decoration:none;
}

a.link_contatti:hover {
	color:#13a197;
}

/* CONTENUTI PORTFOLIO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#contents_portfolio {
	height:470px;
}

#img_portfolio {
	float:left;
	width:336px;
	padding-left:42px;
	padding-top:100px;
	text-align:left;
}

#case_portfolio {
	padding-top:30px;
	float:right;
	width:432px;
	font-size:12px;
	text-align:left;
	color:#444;
}

span.portfolio_row {
	display:block;
	margin-bottom:7px;
	height:88px;
}

span.portfolio_row a {
	margin-right:7px;
}

span.extra_imgs {
	display:none;
}

#pagination {
	margin-top:20px;
	font-size:12px;
}

#pagination a {
	color:#222;
	text-decoration:none;
	margin-right:5px;
	font-weight:bold;
}

#pagination a:hover {
	text-decoration:line-through;
	color:#13a197;
}

#pagination a.current_page {
	color:#13a197;
	font-weight:bold;
	text-decoration:line-through;
}


/* FOOTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#footer {
	font-size:10px;
	color:#58585a;
	text-align:left;
	padding-top:13px;
	padding-left:40px;
}

#footer a {
	color:#222;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:line-through;
	color:#13a197;
}

#footer a.selectlang {
	color:#13a197;
	font-weight:bold;
	text-decoration:line-through;
}