@CHARSET "UTF-8";

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url("../img/bg_etica.png") no-repeat #ffffff;
	/*width:6159px;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #334143;
}

img {
	border: 0;
}

h1 {
	color: #6595A3;
	font-size: 3.2em;
	margin: 20px 0 10px;
	line-height: 1em;
}

h2 {font-size: 1.5em;}
	
h4 {font-size: 1.2em; line-height: 1em;}

a {
	text-decoration: underline;
	color: #334143;
}

a:hover {color: #000;}

a#pressAreaMail {color: yellow;}

a.credits {font-family: 'Courier New', Courier, monospace; text-decoration: none; color: #aadd00;}
a.credits:hover {color: yellow;}

#main {
	margin: 0;
	padding: 0;
	/*width: 6159px;*/
	width: 7159px;
	height: 1163px;
	overflow: visible;
}

.page {
	float:left; 
	width:1020px; 
	height: 100%; 
	margin: 0 0 0 0;
	padding-top:40px;
}

.white {color: #ffffff;}
.black {color: #000000;}
.darkGreen {color: #334143;}
.lightGreen {color: #6595A3;}
.patternDark {background: url('../img/puntini_pattern_dark.gif') bottom left repeat-x; width:100%;}
.patternLight {background: url('../img/puntini_pattern_light.gif') bottom left repeat-x; width:100%;}
.patternWhite {background: url("../img/puntini_pattern.gif") bottom left repeat-x; width: 100%;}

#top_nav			{position:absolute; width:6159px; height:40px; top:0; left:0; z-index:5;}
.top_nav_box		{position:absolute; display:block; width:70px; height:40px; top:0px; left:0px; z-index:6;}
.top_nav_box a		{position:relative; display:block; width:70px; height:40px;}
.tn_arrow_right		{background:url(../img/arrow_rx.gif) top left no-repeat;}
.tn_arrow_left		{background:url(../img/arrow_lx.gif) top left no-repeat;}

.top_nav_box_home {position:absolute; display:block; width:50px; height:15px; top:12px; left:0px; z-index:6;}
.top_nav_box_home a	{position:relative; display:block; width:50px; height:15px;}
.tn_home {background:url(../img/home.gif) top left no-repeat;}

#menu {
	position: absolute; 
	top: 75px; 
	left:0;
	width: 320px;
	z-index: 100;
}

#menu ul {margin:30px 0 0;padding:0; width: 320px;}
#menu li {
	background: url("../img/puntini_pattern.gif") bottom left repeat-x;
	padding: 0 0 0 20px;
	margin: 0; 
}

#menu a {
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #fff;
	text-decoration: none;
}

div#fototessere {
	position: absolute;
	top: 32px;
	left: 6864px;
	z-index:10;	
}

div#introHome {
	float: left; margin: 0 25px 0 350px; width: 320px;
}

div.loader {
	background: url("../img/ajax-loader.gif") top left no-repeat;
	width: 32px;
	height: 32px;
}

div.loaderWhite {
	background: url("../img/ajax-loader-white.gif") top left no-repeat;
	width: 32px;
	height: 32px;
}

div.news_home {height: 300px;}
div.news_home p {margin: 2px 0 5px;}
div.news_home h4 {margin: 8px 0 3px;}

#playerHome {
	position: absolute;
	top: 392px;
	left:0;
	z-index:100;
}

#press-area {
	position: absolute;
	top: 700px;
	left: 40px;
	z-index:10;
}

#pressAreaForm {display: none;}

#press-area h2 {font-size: 1.9em; margin-bottom: 0;}
#press-area p {margin: 5px 0 0 5px; font-size: 1.2em;}
#press-area input {
	border: 2px solid #8A6537;
	background: #F0F2DE;
	width: 160px;	
}

#press-area input.submit {
	border: 2px #F0F2DE solid ;
	background: #8A6537;
	width: 60px;
	color: #F0F2DE;	
}

input.text {
	background: #B2CAD1;
	border: 2px solid #334143;
}

checkbox {
	width: 10px;
	border: 0;
}

textarea {
	background: #B2CAD1;
	border: 2px solid #334143;
}

/* CURRICULUM */
#accordion {
	float: left;
	margin: 100px 0 0;
	width: 320px;
}

#accordion div.head {position: relative; padding: 3px 0;}
#accordion img.head {vertical-align: bottom; border:0;}
#accordion img.arrow {position: absolute; right:5px; bottom: 8px; border:0;}
#accordion td.year {vertical-align: top; padding: 8px 8px 0; width: 30px;}
#accordion div.arrowUp {
	width: 16px; 
	height: 19px; 
	background: url(../img/arrow_dark_up.gif);
	position: absolute;
	right:5px; 
	bottom: 8px;
}
a.accordionHead, a.accordionHead:hover {
	font-size: 2.5em;
	font-weight: bold;
	text-decoration: none;
	color: #334143;
	line-height: 1em;
}

#accordion ul {
	margin: 0;
	padding: 0; 
	display: none;	
	background: #F0EFE6;
}

#accordion li {background: url('../img/puntini_pattern_light.gif') bottom left repeat-x;}

#accordion ul a  {font-size: 1em; font-weight: normal; color: #334143; text-decoration: none;}
#accordion ul a:hover {color: #000;}

#curriculumLoader {position: absolute; left: 470px; top: 200px; display: none;}
#curriculumVideo {float: right; width: 310px; margin: 110px 200px 0 0;}

#sketchContainer {
	clear: left;
	float: left;
	margin: 10px 0 0;
	width: 320px;
}

/* GALLERY */
#galleryFlash {position: absolute; top:101px; left:55px;}

/* NEWS */
#newsFlash {position: absolute; top:115px; left:80px; width: 840px;}
#ipsedixitFlash {position: absolute; top:95px; left:80px; width: 840px;}

/* CONTATTI */
#contacts_link {position: absolute; left: 410px; top: 10px;}
#contacts {position: absolute; top:115px; left:94px; }

/* GUEST BOOK */
#guestBookFormContainer {
	background: #6595A3;
	clear: left; 
	display: none; 
	width: 690px;
	color: #fff;
	padding: 3px;
}

#guestBookFormContainer input.text {
	width: 216px;
}

#guestBookFormContainer textarea {
	width: 440px;
	height: 60px;
}

#guestbookLoader{
	position: absolute;
	top: 100px;
	left: 50px;
	display:none;
	z-index: 10;
	margin-left: 350px;
}

#commentsContainer {
	margin: 0 0 0 40px; padding-top: 150px; width: 862px; overflow: hidden;
}


p.pageNavigation
{
	margin: 0;
	text-align: right;
	width: 700px;
	line-height: 2em;
}

p.pageNavigation a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.8em;
	vertical-align: middle;
	text-decoration: none;
}

p.pageNavigation span
{
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.4em;
	vertical-align: middle;
}

p.pageNavigation span.inactive
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.8em;
	vertical-align: middle;
	color: #777;
}

div.comment {background: transparent url('../img/linegrey.gif') top left repeat-y; overflow: hidden; position: relative; clear: both;}

div.commentText {
	float: right; width: 522px; border-top: 1px dashed #000; padding: 10px 8px 10px 0;
}

div.commentInfo {
	color: #6595A3; float: left; width: 142px; border-top: 1px dashed #000; padding: 10px 0 10px 8px;
}

div.commentTruncate, div.commentAll {position: relative;}

img.continue {
	position: absolute; bottom: 4px; right: 180px;
}


/* ETICA */
#etica p {
	margin: 8px 0;
}

#etica h1 {
	margin: 0 0 8px 0;
	font-size: 3.8em;
	line-height: 0.8em;
	font-weight: normal;
}

#etica h2 {
	margin: 0 0 8px 0;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
}

#etica h3 {
	margin: 8px 0;
	font-weight: normal;
}

#etica td {
	padding: 8px 0 0 0;
}

#eticaContainer {
	position: relative; 
	overflow: hidden; 
	margin-left: 50px; 
	padding:80px 0; 
	width: 920px; 
	background-color: #334143;
	min-height: 300px;
}

div.lineWhite {
	background: url('../img/1px_ffffff.gif');
	height: 2px;
	margin: 0;
	width: 100%;
}

div.lineBlack {
	background: url('../img/1px_000000.gif');
	height: 2px;
	margin: 0;
	width: 100%;
}

div.lineDarkGreen {
	background: url('../img/1px_334143.gif');
	height: 2px;
	margin: 0;
	width: 100%;
}

#bg-6595A3-container {
	margin: 0 0 0 105px;
	width:708px;
}

#bg-6595A3-top {
	width:708px;
	height:9px;
}

#bg-6595A3-body {
	width:708px;
	background-color: #6595A3;
	overflow: hidden;
}

#bg-6595A3-bottom {
	width:708px;
	height:10px;
}

#bg-000000-container {
	margin: 0 0 0 105px;
	width:708px;
}

#bg-000000-top {
	width:708px;
	height:9px;
}

#bg-000000-body {
	width:708px;
	background-color: #000000;
	overflow: hidden;
}

#bg-000000-bottom {
	width:708px;
	height:10px;
}

#bg-6595A3-medium-container {
	margin: 0 0 0 105px;
	width:498px;
}

#bg-6595A3-medium-top {
	width:498px;
	height:9px;
}

#bg-6595A3-medium-body {
	width:498px;
	background-color: #6595A3;
	overflow: hidden;
}

#bg-6595A3-medium-bottom {
	width:498px;
	height:10px;
}

#bg-000000-short-container {
	width:208px;
}

#bg-000000-short-top {
	width:208px;
	height:9px;
}

#bg-000000-short-body {
	width:208px;
	background-color: #000000;
	overflow: hidden;
}

#bg-000000-short-bottom {
	width:208px;
	height:10px;
}

div.miniboxBlack {
	background: url('../img/bg_minibox_000000.png') top left no-repeat;
	width: 194px;
	height: 14px;
	padding: 7px;
}

div.miniboxLightGreen {
	background: url('../img/bg_minibox_6595A3.png') top left no-repeat;
	width: 194px;
	height: 14px;
	padding: 7px;
}

div.bubbleBlackLeft {
	background-image: url('../img/bg_box_000000_l.png');
	width: 369px;
	height: 191px;
	cursor: pointer;
}

div.bubbleBlackRight {
	background-image: url('../img/bg_box_000000_r.png');
	width: 369px;
	height: 191px;
	float: right;
	cursor: pointer;
}

div.bubbleLightLeft {
	background-image: url('../img/bg_box_6595a3_l.png');
	width: 369px;
	height: 191px;
	cursor: pointer;
}

#etica div.singleArchiveContainer {
	border-bottom: 2px solid #000; 
	padding: 5px 0; 
	position: relative;
}

#etica div.totalEvent {
	position: absolute; right:0; font-weight: bold;
}

#etica ul.archive {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
	display: none;
}

#etica a.toggleArchive, a.toggleArchive:hover {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#etica a.link {
	color: white;
	text-decoration: none;
}

#etica a.link:hover {
	color: #6595A3;
}

#etica a.linkDarkButton {
	text-decoration: none;
}

#etica a.ethicsDetail, a.ethicsDetail:hover {text-decoration: none;}

/* TAG SIZE */
.smallestTag {
	font-size:1em;
}

.smallTag {
	font-size:1.2em;
}

.mediumTag {
	font-size:1.4em;
}


.largeTag {
	font-size:1.8em;
}

.largestTag {
	font-size:2.2em;
}

a.tagCloud {color: #6595A3; text-decoration: none;}
a.tagCloud:hover {color: #fff;}

#bubbleContainer #firstBubble {
	background: url('../img/bg_comment-choice.png') top left no-repeat;
	width: 210px;
	height: 47px;
	margin: 8px 0 8px 5px;
	position: relative;
}

#bubbleContainer #formBubble {
	background: url('../img/bg_comment-form.png') top left no-repeat;
	width: 210px;
	height: 47px;
	margin: 8px 0 8px 5px;
	position: relative;
	display: none;
}

#bubbleContainer #commentsBubble {
	background: url('../img/bg_comment-list.png') top left no-repeat;
	width: 210px;
	height: 47px;
	margin: 8px 0 8px 5px;
	position: relative;
	display: none;
}

#ethicsFormContainer input.text {
	width: 150px;
}

#ethicsFormContainer textarea {
	width: 470px;
	height: 60px;
}

#loaderEthics {
	position: absolute; 
	display:none; 
	top: 200px; 
	left: 510px; 
	z-index:100;
}