/* @override http://www.prfct.net/web/css/secondary.css */

/* @override http://www.prfct.net/web/css/secondary.css */

@charset "UTF-8";

/* CSS Document */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	background: #131313;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a
{
  outline: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #a41a1a;
}

a:hover {
	color: #908d7f;
}






ul {
	list-style: none;
	padding:0;
}

.kleiner {
	font-size:.8em;
	color:#333
}
.nofloat {
clear:both
}

.toppadder {
	padding-top:1.5em;
	float:left;
	padding-bottom:.5EM
}
.rightfloat {
float:right;
padding-top:1.5em
}

.leftfloat {
	float:left;
} 

.block {
	display:block;
}

/* wrapper principali */

#page_ext {
	margin: 0;
	padding: 0;
}


#page_int {
	text-align: left;
	margin: 0;
	padding: 0;
}


/* HEADER ******************** */

#header {
	background:#f1efe8 url(img/bg_head.gif) top repeat-x;
	/*padding: 4.5em 0 1.5em 6em;*/
	height:13.2em;
	font-size: 1em;
}

#header h1 {
	background: url(img/logo.gif) no-repeat left top;
	width: 18.1em;
	font-size:1em;
		height: 7em;
		position:absolute;
		top:4.5em;
		left:6em;

	
}
#header h1 a {
	display: block;
	width: 18.1em;
	height: 7em;
}
#header h1 span {
	display: none;
}

#header h2 {
	display: none;
}

#header div.linktoblog {
	position: absolute;
	left: 490px;
	top: 0;
	}
#header div.linktoblog p {
	margin: 0;
	padding: 0;
}
#header div.linktoblog p a{
		height: 13.2em;
	width: 363px;
	display: block;
	padding: 0;
	margin: 0;	
	background:  url(img/bg_toblog.jpg);

	text-indent: -9999px;
	outline: none;
}
#header div.linktoblog p a:hover {
	background-image:  url(img/bg_toblogb.jpg);
}
/* MAIN_MENU ******************** */

#main_menu {
	background: transparent url(img/bg_main_menu.gif) top repeat-x;
	position: absolute;
	height:5em;
	z-index:10;
	top: 132px;
	width: 100%;
	left:0
}

#main_menu h1 {
	display: none;
}

#main_menu ul {	
font-size: 1.5em;
padding:0;
float: left;
margin: 0;
display:inline;
margin-left: 4em;
	list-style: none;
}

#main_menu ul li {
	float: left;
	background: url(img/bg_menu_divide.gif) no-repeat left 1px;
}

/*
#main_menu ul li#first {
	background: 0;
}*/

#main_menu ul li a {
	color: #6a6a6a;
	display: block;
	text-decoration: none;
	padding: 1.3em  2em 1.5em 2em;
}

#main_menu ul li a:hover {
	background: transparent url(img/bg_main_menu_over.gif) no-repeat 2px 2px;
}

#main_menu ul li a.in {
	color: #fff;
	background: url(img/bg_main_menu_in.gif) no-repeat 2px 2px;
}

#main_menu ul li a:hover.in {
	color: #fff;
	background: url(img/bg_main_menu_in.gif) no-repeat 2px 2px;
}

/* CONTENT ******************** */

#content {
	background: #fff url(img/bg_content.gif) repeat-x top;
	clear: both;
	font-size: 1em;
	padding:5em 0 0 0;
}



/* !!! */
/* menu secondario */
#content #scroll_back {
	display: none;
	position:absolute;
	top:24.3em; /* QUI ! */
	left:5em;
}
#content #scroll_forward {
	display: none;
	position:absolute;
	top:24.3em; /* QUI ! */
	left:740px; /* QUI ! */
}
#content #scroll_back a {
	background: transparent url(img/arrow_left.gif) no-repeat center;
	text-indent: -9999px;
	display:block;
	width: 1.8em;
}
#content #scroll_forward a {
	background: transparent url(img/arrow_right.gif) no-repeat center;
	width: 1.8em;
	display:block;
	text-indent: -9999px;
}
/*
#content #scroll_forward  a#next:hover {
	background-image: url(img/arrow_right_b.gif);
}
#content #scroll_back a#prev:hover {
	background-image: url(img/arrow_left_b.gif);
}
*/
#content #toolbar_container {
	/*position: relative;*/
	background: #cdc7b3 url(img/bg_second_menu.gif) repeat-x top;
	margin: 0; padding: 0;
}

#content #toolbar_mask {
	position: relative;
	overflow: hidden;
	width: 652px; /* QUI ! */
	margin-left: 70px;
	padding:0;
}	
	
#content #toolbar {
	position: relative;
	width: 760px;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

#content #toolbar ul {
	margin: 0; padding: 0;
	list-style: none;
}

#content #toolbar ul li {
	float: left;
	background:transparent url(img/bg_second_menu_divide.gif) no-repeat center right;
}

#content #toolbar ul li#last {
	background: none;
}

#content #toolbar ul li a {
	float: left;
	display: block;
	color: #fff;	
	padding: 1em 1.3em .9em 1.4em;
	text-decoration: none;
}


#content #toolbar ul li a:hover {
		background: #b1aa97 url(img/bg_second_menu_divide.gif) no-repeat center right;
}
/* !!! */

/* contenuti principali homepage */

#home,  #section, #inside {
	clear: both;
	font-size: 1.2em;
	padding: 2.5em 0 2.5em 5.5em;
	width: 65em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 59.5em;
}


div.main_content {
	margin: 0;
	float: left;
	padding-bottom: 1.6em;
}

#home div.main_content {
	width: 35em;
	display:inline
}

div.main_content h1 {
	color: #900;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.8em;
	margin: 0 0 0 0
}
div.main_content h2 {
	color: #333;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 0 0
}
div.main_content.clientpartner h2  {
}
div.main_content p {
	padding: 0;
	line-height: 1.8em;
	margin: 0 0 1em 0;
	color: #303030;
	font-size:1.1em;
}

#content div.main_content p {
	margin-right: 2em;
}


#content div.main_content ul {
	color: #303030;
	padding:0;
	margin-bottom: 2em;
}

#content div.main_content ul li {
	width: 26em;
	background: #f1f1f1 url(img/bg_li_h2.gif) repeat-y left;
	float: left;
	display:inline;
	margin: 0 1em 1em 0;
	height: 9em;
}
#content div.main_content.clientpartner ul li {
	background-image:none;
	width:17.2em;	
	border-bottom:1px solid #dedede;
	height: 6em;
	
}
#content div.main_content ul li h2 {
	font-weight: normal;
	font-size: 1.4em;
	width: auto;
	background:url(img/bg_list_li.gif) no-repeat right top;
}
#content div.main_content.clientpartner  ul li h2 {
	padding:.5em ;
	font-size:1.3em
}
#content div.main_content.clientpartner ul li h2 span {
	font-size:.75em
}
#content div.main_content ul li h2 img {
	float: left;
	display: inline;
	margin: 0 12px 0 2px;
	background: #fff;
	padding-bottom: 1.4em;
}

#content div.main_content ul li h2 a {
	color: #3f3d39;
	display: block;
	line-height: 1em;
	padding-top: .8em;
	margin-bottom:.3em
}
#content div.main_content.clientpartner ul li h2 a {
	margin-bottom:0;
	line-height:1.2em;
	padding-top: 0;
	display:inline;
	color:#900
}
#content div.main_content.clientpartner ul li h2 a:hover {
	color:#666
}
#content div.main_content ul li h2 a:hover {
	color:#900
		
}
#content div.main_content ul li p {
	font-size: .9em;
	line-height: 1.2em;
	color: #848484;
	font-weight: bold;
}

/* paginatore */

#content div.main_content #naviga_lista {
	float: left;
	text-align: left;
	display:inline;
	width:630px;
	margin-bottom:1em;
	/*border-bottom: 1px solid #f1efe8;
		border-top: 1px solid #f1efe8;*/

}

#content div.main_content #naviga_lista p {
	width: 32px;
	display: inline;
	margin:0
	}

#content div.main_content #naviga_lista p a {
	display: block;
	float: left;
	width: 16px;
	height: 18px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
#content div.main_content #naviga_lista p a span {
	display: none;
}

#content div.main_content #naviga_lista p a.first {
	background-image: url(img/first.gif);
}
#content div.main_content #naviga_lista p a.next {
	background-image: url(img/next.gif);		margin-left:1em

}
#content div.main_content #naviga_lista p a.previous {
	background-position: center bottom;
	background-image: url(img/previous.gif);
	margin-right:1em
}
#content div.main_content #naviga_lista p a.last {
	background-position: center bottom;
	background-image: url(img/last.gif);

} 
 
#content div.main_content #naviga_lista ul {
	list-style: none;
	width:auto;
	margin:0 ;
	display:block;
}


#content div.main_content #naviga_lista ul li {
 float: left;
 width:auto;
 height:auto;
 background:none;
 color: #246594;
 display:inline;
 margin:0 1px 0 0;
 display: block;	
 color:#333	;
 }
 #content div.main_content #naviga_lista ul li a {
 	display:block;
 padding:5px 10px;
 }
 
#content div.main_content #naviga_lista ul li span {
	font-weight:bold;
	display:block;
	float:left;
	 padding:5px 10px;
color:#aaa58d;
	/*background:#aaa58d url(img/bg_elementnaviga.gif) repeat-x top;*/
}

/* news */

#news {
	float: left;
	display:inline;
	margin-left: 1em;
	border-left: 1px solid #efe9d7;
	padding-left: 1em;
	width: 23.5em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 22.3em;
}

#news h1 {
	color: #525252;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 2.4em;
	margin: 0
}

#news div.news_block {
	margin: 0 0 1em 1em;
	padding-bottom: 1em;
	clear:both;
	display:inline;
	/*border-bottom: 1px solid #d6d6d6*/
}

#news div.news_block h2 {
	color: #3b1010;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0
}

#news div.news_block h2 a {
	color: #3b1010;
}

#news div.news_block h2 a:hover {
	color: #9d1c1c;
}

#news p {
	color: #515151;
	line-height: 1.2em;
}

#news p.date {
	margin: 0 0 .5em 0;
	color: #9a1f1f;
}

#news p.date span {
	font-weight: bold;
}

/* lista lavori */

/* contenuti principali lavoro specifico */

#artwork {
	clear: both;
	font-size: 1.2em;
	padding: 2.5em 0 2.5em 5.5em;
	width: 75em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 69.5em;
}
/*
	
	*/
#artwork div.image {
	background: #f4f1e8;
	display: inline;
	float: left;
	padding: 1.7em;
	margin-right: 1.6em;
}

#artwork div.image img {
	padding: 1px;
	float: left;
	background: #d6d4cc;
	border: 2px solid #fff;
}

#artwork div.descript {
	margin: 0 0 0 1.6em;
	float: left;
	border-left: 1px solid #efe9d7;
	padding-bottom: 1.6em;
	width: 30em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 28.4em;
	
}
/*

*/

#artwork div.descript h1 {
	color: #525252;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 0 .6em
}

#artwork div.descript p {
	color: #262626;
	line-height: 1.8em;
	margin-left: 1.5em;
}

#artwork div.descript p  cite {
	font-size:1em;
	display:block;
	font-family:georgia, times, "times new roman", serif;
	padding:0  2em 0 0;
}
#artwork div.descript p  cite span {
	font-style:normal;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	display:block;
	margin-bottom:1em;
}
#artwork div.descript p.date {
	font-size: .9em;
	line-height: .7em;
	margin-bottom: 3em;
}

#artwork div.descript p.date span {
	color: #c00
}

#artwork div.descript p.tech {
	margin-left: .8em;
	text-transform: uppercase;
	background: #f8f6e9 url(img/bg_tools.gif) no-repeat left center;
	padding: 0 .5em 0 1em;
	line-height: 1.7em;
	margin-bottom: .4em;
	border-right: 1px solid #ebe3cc;
}

#artwork div.descript p.link {
	margin-top: 1em;
	text-transform: uppercase;
	color: #d0d0d0;
	margin-left: .8em;
}

#artwork div.descript p.link a {
	color: #A59F8E;
	font-size:1.1em;
	text-decoration: none;
	padding: 0 .9em;

}
#artwork div.descript p.link a.video {
	display:block;
	border-bottom:0;
}

#artwork div.descript div#link_youtube, #artwork div.descript div#link_image {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #d0d0d0;
	margin-left: 1.5em;

} 
#artwork div.descript p.link a:hover {
	color: #c00
}


/* FOOTER ***************/

#footer {
	clear: both;
	width: 100%;
	background: #131313 url(img/bg_footer.gif) repeat-x;
}

#footer ul {
	font-size: 1.3em;
	padding-left: 5em;
	margin-top: .6em;
	list-style: none;
	float: left;
	text-transform: uppercase;
}

#footer ul li {
	float: left;
	display: inline;
	padding: 1.4em 1.2em;
	background: url(img/bg_footer_divide.gif) no-repeat right center
}

#footer ul li a {
	display: block;
	color: #999966;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #f9ecd4;
}

#footer p {
	background: url(img/bg_footer_down.gif) no-repeat left top;
	float: left;
	font-size: 1em;
	color: #8c8879;
	margin: 4em 0 .5em 0px;
	clear: both;
	padding: 1.5em 7em .5em 5em;
}

#footer p a {
	color: #afa47e;
	text-decoration: none;
	margin-right: 1em;
}

#footer p a:hover {
	color: #800;
}

/* self-clear floats */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}





