﻿/*--------GENERIC RULES---------*/
html, body {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
/*---------GENERIC RULES---------*/
a.buttons {
	position:absolute;
	display:block;
	width:52px;
	height:52px;
	top:0px;
}
/*----------INDEX PAGE-----------*/
.slideShowHeading {display: none;}
div.noopacity {
	margin:0 auto;
	width:auto !important;
	width:900px;
	max-width:900px;
	min-width:460px;
	position:relative;
	margin-bottom:2px;
	padding:0 0 0 80px
}
div.opacity {
margin:0 auto 2px;
max-width:900px;
min-width:460px;
position:relative;
width:auto !important;
}
div.centered {
	margin:0 auto;
	max-width:900px;
	min-width:460px;
	overflow: auto;
	height:100%;
	position:relative
}
div.contentBox {
	float:left;
margin-left:80px;
max-width:740px;
}
.c_generalTxt		{color:#F2F2F2; clear:both; display:block;float:left;font-size:16px;width:100%;margin:0;
  padding:16px 0;position:relative; text-align:left;}
.c_generalTxtSmall	{color:#F2F2F2; display:inline-block;font-size:12px;margin:0;
  padding:10px 0;position:relative; text-align:left; clear:both; width:100%; float:left}
.c_short_d { clear:both; display: inline-block; margin:5px 0 0 0; font-size: 12px; font-weight:bold !important; text-align: left; color:#F2F2F2; width:100%; line-height:12px; float:left; padding-bottom:10px}	

.c_discipline	{ display:block; margin:0; font-size: 12px; text-align: left; color:#F2F2F2; width:100%; line-height:15px; float:left; padding:10px 0; float:left}
.c_discipline h1	{ display:block; margin:0; font-size: 15px; text-align: left; color:#F2F2F2; width:100%; line-height:15px; float:left; padding:10px 0; float:left}
.c_discipline span{ color:#B2B2B2}

/*---------------COLUMNS-------------*/
div.columns {
	width:40px;
	position:absolute
}
/*-------------TITLE-------------*/
span.welcome {
	float:left;
	margin:0;
	height:25px;
	padding-left:10px;
	width:350px
}
/*----------CONTENT TEMPLATE ADDPLUS ICONS--------*/
a.buttonBig{ background:url(../../images/content/template/button.png) 0 0 no-repeat; width:229px; height:52px; display:block; margin:0 auto; text-align:center; line-height:52px; text-transform:uppercase; margin-top:15px}
div.productArea {
	width:170px !important;
	height:260px;
	float:left;
	margin:0;
	margin-top:5px
}
div.productArea a.productPhoto {
	width:170px;
	height:170px;
	display:block;
}
div.productArea a.productDescription {
	width:170px;
	height:90px;
	display:block;
}
/* ICONS DETAILS */
.productName {
	width: 170px;
	height: 35px;
	margin:0 auto;
	margin-bottom: 2px;
}
.productName span {
	position:relative;
	margin:1px 0 0 10px;
	float:left;
	top:15px;
}
.productInfo {
	height:25px;
	margin-bottom:2px
}
.productInfo span {
	position:relative;
	margin:1px 0 0 10px;
	float:left;
	top:5px
}
/*-------------TITLE-------------*/
#work_title_hidden {
	margin:0 auto 2px;
	max-width:900px;
	min-width:460px;
	position:relative;
	display:none;
}
#the_content_title {
	overflow: hidden;
}
#the_content {
	width:100%;
	overflow:hidden;
}
h1.present{
  text-align:left;
  color:#F2F2F2;
  padding:5px 0 ;
  margin:0;
  font-size:30px;
  line-height:30px;
  padding-bottom:0px
}
.colSx{
   max-width:720px;
   float:left;
   padding-bottom:10px;
   margin-right:20px;
}
.colDx{
   max-width:360px;
   float:left;     
   padding-bottom:10px;
}
.colSx span, .colDx span{ clear:both; color:#F2F2F2; font-size:12px}
h2.c_big_headline		{height: 100%; width: 100%; display: inline-block; font-weight: bold;  font-size: 20px; text-align: left; color:#F2F2F2; margin:10px 0 0 0; float:left}

h3{ 
   font-size:20px;
   font-weight:bold;
   color:#F2F2F2;
   text-align:left;
   float:left;
   margin:15px 0 0 0
}
#image_title h3{ 
   font-size:20px;
   font-weight:bold;
   color:#F2F2F2;
   text-align:left;
   margin:0;
   width:100%; margin-top:10px
}
#image_title p{ 
   width:100%; text-align:left; font-size:12px;    color:#F2F2F2; display:block

}
#image_title span{color:#F2F2F2; margin-top:5px; display:block; text-align:left; font-size:12px ;}
#image_title span.grey{ color:#B2B2B2; display:block; padding-bottom:5px; text-align:left; margin-top:0px; }

h3 a{ 
   font-size:20px;
   font-weight:bold;
   color:#F2F2F2;
   text-align:left;
}
h3 span{ 
  clear:both;
  float:left;
   display:block;
font-size:12px;
line-height:12px;
padding-top:6px;
text-align:left;
border:none;
}



a.homeTxt,p.homeTxt{
   text-align:left;
   margin:0px;
   color:#CCCCCC;
   font-size:14px
}
a.smallTxt,p.smallTxt{ font-size:12px; float:left; width:250px;}
a.smallTxt:hover{ color:black}
h1.homeTxt{
   font-size:36px;
   color:#4D4D4D;
   margin:0;
   text-align:left;
}
/*--------------SLIDESHOW CONTROL-----------*/
a#slideshow_playpause {
	display:block;
	height:19px;
	width:40px;
}
a#slideshow_playpause:hover {
	background-position:0px -19px
}
a#slideshow_prev {
	display:block;
	height:19px;
	width:40px;
}
a#slideshow_prev:hover {
	background-position:0px -19px
}
a#slideshow_next {
	display:block;
	height:19px;
	width:40px;
}
a#slideshow_next:hover {
	background-position:0px -19px
}
/*-----------------PAGER-------------------*/
.pagerContainer {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/* Horizontal classes */

.horizontalPagerPager {
	position: absolute;
	height: 0px;
	width: 100%;
	z-index: 3;
}
.horizontalPagerStatus {
	position: absolute;
	height: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	padding-left: 0px !important;
	left:0px;
	bottom:16px
}
.horizontalPagerView {
	position: absolute;
	top:0px;
	left:0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0px !important;
}
/* Vertical classes */

.verticalPagerPager {
	position: absolute;
	width: 12px;
	height: 100%;
	padding-left: 4px;
	padding-right: 4px;
}
.verticalPagerStatus {
	position: absolute;
	width: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
}
.verticalPagerView {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/* Misc. */

.pagerIconContainer {
	position: absolute;
}
/* Items */

ul.pagerItems {
	padding: 0;
	margin: 0;
}
ul.pagerItems li.pagerItem {
   list-style-type:none !important;
   padding-left:0px !important;
   padding-right:0px !important;
}
#design_pager_div {
	float:left
}
div.c_2_8_20 {
	float:right
}
div.c_2_8_20 {
	margin-top:16px
}
#pager_previous {
	position: relative;
	z-index: 3;
	top: 178px;
	width: 40px;
	height: 40px;
}
#pager_previous:hover {
	background-position:0 -80px
}
#pager_next {
	position: relative;
	z-index: 3;
	top: 178px;
	width: 40px;
	height: 40px;
}
#pager_next:hover {
	background-position:0 -80px
}
.horizontalPagerStatus {
	height:15px
}
/* CONTENUTO*/
.arrow {
	height:25px;
}
.iniziofreccia, .middlefreccia, .finefreccia {
	float:left
}
.iniziofreccia {
	height:25px;
	width:25px
}
.finefreccia {
	height:25px;
	width:25px
}
/* IE HACKS */

#dojox_image_SlideShow_0_imageDiv0 {
	width: 100%;
	height: 100%;
}
/*.dj_ie7 div#cancel{background: url('/images/icons/close.png');  outline:none; width:19px; height:19px; background-position:-4px -2px }
.dj_ie7 .btnContainer{ position:absolute; right:-15px; top:0;}
.dj_ie7 #newsletterForm { position:relative; margin-right:10px}
.dj_ie7 .btnContainer span{ height:15px}
.dj_ie7 .dijitTooltipContainer{ padding-bottom:3px}*/

/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* simple rules */
     .titlepane {
	width:740px;
}
/* refs: #7792 */
     .soria .dijitAccordionPane .dijitAccordionBody {
	font-weight:normal;
}
.floater {
	float:left;
}
/*MAPPA*/
.containerMap{ width:700px; margin:13px auto; clear:both; float:left; margin-left:60px}
.containerMap div div{ border:10px solid white}
.firstRoom{cursor: pointer; width:76px; height:190px; float:left; background:#BEE1E6 url(../../images/content/template/freccia.png) 5px center no-repeat}
.secondRoom{cursor: pointer; width:76px; height:76px; background-color:#CBBF2D; float:left; margin-top:114px;}
.thirdRoom{cursor: pointer; width:140px; height:125px; background-color:#6C9FB5; float:left}
.fourthRoom{cursor: pointer; width:130px; height:125px; background-color:#903564; float:left}
.fifthRoom{cursor: pointer; width:65px; height:125px; background-color:#8AA335; float:left}
.sixthRoom{ width:170px; height:145px; float:left; border:none !important; position:relative; cursor:pointer }
.uno{ width:50px; height:60px; position:absolute; top:65px; left:0px; background-color:#2D6B4A; border-right:none !important; z-index:999}
.due{ width:100px; height:125px; position:absolute; top:0px; left:50px; background-color:#2D6B4A; z-index:1}
.seventhRoom{ width:100px; height:125px; background-color:#2D6B4A; float:left;}
.firstRow{ float:left; width:100%}
.secondRow{ float:left; width:100%}
/*contact*/
.contact{ font-size:16px; color:#1A1A1A; background:url(../../images/content/template/contact/round.png) 0 0 no-repeat;
width:370px; height:370px; margin:0 auto; text-align:center;}
.contact span{margin-top:140px; float:left; width:370px}
div.contact a{ color:#1A1A1A; }
a#slideshow_playpause{ display:block; height:19px; width:40px; }
a#slideshow_playpause:hover{background-position:0px -19px}
a#slideshow_prev{ display:block; height:19px; width:40px; }
a#slideshow_prev:hover{ background-position:0px -19px }
a#slideshow_next{ display:block; height:19px; width:40px;}
a#slideshow_next:hover{ background-position:0px -19px }
a.slideShowActive{ background-position:0 -38px !important}
a.slideShowActive:hover{background-position: 0 -57px !important}
#left_region, #right_region{ overflow:hidden}
.backTo{
   clear:both;
   float:left;
   height:19px;
   margin-top:2px;
   width:100%;
   background:url(/images/context/general/bg_tr.png) 0 0 repeat; 
   line-height:19px; 
   text-align:center; 
   color:#F2F2F2;
   cursor:pointer !important  
}
h4{ float:left; color:white}
.artists{ text-align:center; width:240px; height:140px; float:left; margin-right:10px ; line-height:140px; font-size:20px; font-weight:bold; color:#F2F2F2; background:url(../../images/context/general/bg_tr.png) 0 0 repeat; cursor:pointer}
.artists:hover{ color:black}
#newsletterFormSubmit{ cursor:pointer; padding-left:5px}
#newsletterFormSubmit:hover{ text-decoration:underline}
#cancel{ cursor:pointer;}
#cancel:hover{ text-decoration:underline}
#email{ color:black; height:15px; line-height:15px; }
.btnContainer{ }