@charset "UTF-8";

/* CSS Document */
/*

Description: CSS for Fabio Sironi
Version: 1.0	
Author: GNV&PARTNERS
Author URI: http://www.gnvpartners.com/
*/
/*-----------------------------------------------------------------------------------------------
  Stili Globali
-----------------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
	outline:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

li, dd { margin-left:5%; }

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

a img{ border:none; }


html{
	background-color:#fff;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#wrapper{
	position:absolute;
	top:50%;
	left:50%;
	margin:-290px auto 0 -470px;
	width:940px;
	height:600px;
}

/* H */
h1, h2, h3, h4, h5, h6{
}

h2{
	font-size:16px;
	margin-bottom:10px;
}

h2.uniparma{
	text-align:center;
	margin:20px 0 20px 0;
}

h3{
	margin:10px 0 10px 0;
}
h4{
	font-weight:bold;
}

/* A */
a{
	text-transform: lowercase;
	color: #660000;
	text-decoration: none;
}
p a, .testo a, span a{
	text-transform:none;
	text-decoration:underline;
}
a:hover {
	color:#CC6600;
}

a img {
	text-transform: lowercase;
	color: #660000;
	text-decoration: none;
	border-color: #660000;
}
a:hover img {
	border-color: #CC6600;
	color: #CC6600;
}

a.prev, a.next{
	display:block;
	height:21px;
	width:48%;
}
a.prev, .right a.prev, #content.border a.prev{
	float:left;
	text-align:left;
	padding-left:5px;
	background:transparent url(../img/bg_prev.jpg) no-repeat left bottom;
}
a.next{
	float:right;
	text-align:right;
	padding-right:5px;
	background:transparent url(../img/bg_next.jpg) no-repeat right bottom;
}


/**/

#menu{
	height:30px;
	margin:0 0 10px 0;
}

#menu ul li{
	display:block;
	float:left;
	margin:0 4px 0 4px;
	padding:0;
	height:30px;
}

#menu ul li a{
	display:block;
	height:30px;
	text-indent:-99999px;
	background-color:transparent;
	background-repeat:no-repeat;
}
#menu ul li a:hover, #menu ul li a.selected{
	background-position:left bottom;
}

#fabio{
	background-image:url(../img/menu/fabio.jpg);
	width:108px;
	background-position:left 2px;
}
#illustrazioni{
	background-image:url(../img/menu/it_illustrazioni.jpg);
	width:115px;
	background-position:left 2px;
}
#illustration{
	background-image:url(../img/menu/en_illustration.jpg);
	width:110px;
	background-position:left 2px;
}
#reportages{
	background-image:url(../img/menu/reportages.jpg);
	width:78px;
}
#costituzione{
	background-image:url(../img/menu/it_costituzione.jpg);
	width:177px;
	background-position:left 0;
}
#constitution{
	background-image:url(../img/menu/en_constitution.jpg);
	width:153px;
	background-position:left -2px;
}
#scenografie{
	background-image:url(../img/menu/it_scenografie.jpg);
	width:91px;
	background-position:left 1px;
}
#set_design{
	background-image:url(../img/menu/en_set_design.jpg);
	width:91px;
	background-position:left 0px;
}
#galleria{
	background-image:url(../img/menu/it_galleria.jpg);
	width:52px;
}
#gallery{
	background-image:url(../img/menu/en_gallery.jpg);
	width:59px;
}
#mostre{
	background-image:url(../img/menu/it_mostre.jpg);
	width:74px;
	background-position:left 1px;
}
#exhibition{
	background-image:url(../img/menu/en_exhibition.jpg);
	width:87px;
	background-position:left -1px;
}
#csac{
	background-image:url(../img/menu/csac.jpg);
	width:63px;
	background-position:left -1px;
}
#coup{
	background-image:url(../img/menu/coup_doeil.jpg);
	width:104px;
	background-position:left -1px;
}

/* Content */
#content{
	height:522px;
	width:938px;
	overflow:hidden;
}
#content.border{
	border:1px solid #000;
}

.column{
	width:460px;
	padding:0;
	margin:0;
	border:1px solid #000;
	overflow:hidden;
}
.left{	
	float:left;
}
.right, .column.right, #content .column.right{
	float:right !important;
	margin:0 !important;
}
.column.right{
	text-align:center;
	margin:0;
	padding:0;
}

#content .column{
	height:520px;
	overflow:hidden;
}

#content.border .column, #footer .column{
	border:none;
	width:453px;
}

p{
	margin-bottom:15px;
}

.nota {
	color:#999;
	font-size:10px;
	text-align:center;
}


/* Section_title */
.section_title{
	margin:10px auto 20px auto;
	width:430px;
	text-align:center;
}

#content.border .section_title{
	margin:10px auto 20px auto;
	width:880px;
	text-align:center;
}

.section_title p, #content.border .section_title p, .section_title span, #content.border .section_title span{
	text-align:left;
	display:block;
}

.spacer{
	height:174px;
	width:100%;
}

.section_title img.uniparma{
	margin-bottom:25px;
}
/* Galleria Miniature */
.miniature{
	width:444px;
	margin:auto auto 20px auto;
}

.miniature a{
	height:95px;
	width:95px;
	display:block;
	float:left;
	margin:3px;
	margin /**/:5px;
	line-height:0;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
}
.miniature a:hover, a.preview:hover{
	background-color:#eaeaea;
	border:1px solid #aaa;
}
.miniature a img{
	height:95px;
	width:95px;
	padding:0;
	margin:0;
}

.navigazione{
	width:430px;
	margin:auto;
}

#content.border .navigazione{
	width:915px;
	margin:auto;
}

/* Colonna Sinistra */
#opera{
	height:500px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

#info_opera{
	height:15px;
	width:456px;
	padding:3px 2px 0 2px;
	float:left;
	border-top:1px solid #000;
	overflow:hidden;
	text-align:center;
	vertical-align:bottom;
}

/* Pagina con sotto-sezioni */
.subsection{
	width:216px;
}
.column.left .subsection.left, .column.right .subsection.left{
	margin:0 4px 0 6px;
	margin /**/:0 0 0 10px;
	text-align:left;
}
#content.border .subsection{
	float:left;
	margin:0 8px 10px 7px;
	margin /**/:0 8px 10px 10px;
}

.subsection.right{
	margin-right:10px;
	text-align:right;
}

a.preview{
	height:146px;
	width:210px;
	display:block;
	margin:0 0 5px 0;
	line-height:0;
	padding:2px;
	border:1px solid #ccc;
}

a.gallery_title{
	padding:0 5px 0 5px;
	text-transform: none;
}


/* Index */
#column_left{
	float: left;
	width:56%;
}
#column_right{
	float: right;
	width:43%;
}
#main_sign{
	height:215px;
	background:transparent url(../img/firma_home.jpg) no-repeat center top;
	margin:40px 0 40px 0;
}

#lang{	
	margin:0 0 60px 0;
}
#lang a{
	display:block;
	width:49%;
	text-align:center;
	float:left;
}

/* Ettore Mo */
#front_mo_ita, #front_mo_en{
	height:520px;
	width:100%;
	background:transparent url(../img/reportage/ettoremo/bg_ettoremo_ita.jpg) no-repeat center 60%;
}
#front_mo_en{
	background:transparent url(../img/reportage/ettoremo/bg_ettoremo_en.jpg) no-repeat center 60%;
}

#front_mo .miniature{
	margin:0 auto 0 auto;
}

/*Pagina con recensione / solo testo */
.testo{
	width:430px;
	margin:auto auto 10px auto;
	text-align:left;
}
.testo p, .testo ul{
	margin-bottom:20px;
}

.testo ul li{
	list-style-image:url(../img/list.jpg);
}

.column.right .testo{
	padding-top:10px;
}

img#fotobio{
	padding:2px;
	border:1px solid #ccc;
	margin:0 0 10px 10px;
	float:right;
}

/**/
img#perdinci{
	margin: 20px 0 65px 0;
}

/* Footer */
#footer{
	height:14px;
	vertical-align:bottom;
	color:#999;
	font-size:10px;
	line-height:12px;
	padding-top:5px;
	margin-top:10px;
}

#footer .column.right{
	text-align:right;
}
#footer .column.right a{
	color:#ccc;	
}

#footer a img{
	vertical-align:bottom;
}