html, body {
	margin: auto;
	padding: 0;
	background:gray;
	font-family:arial,sans-serif;
	font-size:small;
	color: #808080;
	height:100%;
	text-align: center;
	background: #FFFFFF repeat-x;
	font-size: 11px;
}

a, a:link, a:visited { color: #a72724; text-decoration:none; margin: 0; padding: 0; }
a:hover, a:active { color: #000000; } 

b { font-weight: normal; color:#000000; }

img { border: none; margin: 0; padding: 0; }

span { color: #000000; font-style:italic; }

p { margin: 0px; padding: 0; text-align: left; }

h1, h2 { padding: 0px; font-size: 14px; font-weight: normal; text-align: left; }

h1 { color: #000000; margin-bottom: 11px; }
h2 { color: #808080; margin-bottom: 11px; }

ul { list-style-type: none; margin: 0; padding: 0; }
li { list-style-type: none; margin: 0; padding: 0; }

/*
	Caption Images
*/

.captionleft, .captionright {
 border: solid 1px #c0c0c0;
 width: 246px;
 margin: 2em 0.5em 0 2em;
}

.captionright { /*margin: 2em 0 2em 2em;*/ }

.captionleft p, .captionright p {
 text-align: center;
 font-size: 11px;
 color: #000000;
 margin: 0.5em;
}


.iframepop { 
  width: 350px; 
  height: 400px; 
  overflow: auto;
  border: 1px solid #cfcfcf;
  padding: 5px;
  color: #3b3b3b;
  background-color: #f4f4f4;
  font-family:  Arial,Tahoma, Helvetica,Verdana, sans-serif;
  font-size: 11px;
}

.iframepage { 
  width: 505px;
  height: 235px; 
  overflow: auto;
  text-align: left;
  margin: auto;
  border: 1px solid #cfcfcf;
  padding: 5px;
  color: #3b3b3b;
  background-color: #f4f4f4;
  font-family:  Arial,Tahoma, Helvetica,Verdana, sans-serif;
  font-size: 11px;
  float: right;
}

#iframeespo { 
  width: 505px;
  height: 306px; 
  overflow: auto;
  text-align: left;
  margin: auto;
  border: 1px solid #cfcfcf;
  padding: 5px;
  color: #3b3b3b;
  background-color: #f4f4f4;
  font-family:  Arial,Tahoma, Helvetica,Verdana, sans-serif;
  font-size: 11px;
  float: right;
}


/*
	Structure
*/

#container, #container_site, #container_errore {
	margin: 0 auto;
	width: 100%;
	height: 80%;
}

#container_page {
	margin: 0 auto;
	width: 990px;
}

#containeratelier { /*background: url(../images/cover_atelier.jpg) no-repeat 50% 50%;*/ width: 500px; height: 310px; padding: 0 0.5em 0 0.5em; margin: auto;}
#cotaninercaoveratelier { background: url(../images/cover_atelier.jpg) no-repeat 50% 50%; width: 100%; height: 100%; }
#containerespo { background: url(../images/cover_atelier.jpg) no-repeat 50% 50%;  width: 500px; height: 250px; padding: 0.5em; margin: auto;}

#up { float: left; width: 450px; height: 50px; /*background: #e5e5e5 url(../images/p_up.gif) top;*/ }
#down { float: right; width: 540px; height: 50px; /*background: #e5e5e5 url(../images/p_down.gif) bottom;*/ }

#page {
	clear: both;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}

#div_columsx {
	float: left;
	width: 450px;
	height: 830px;
}
#div_columdx {
	float: right;
	width: 540px;
	height: 830px;
}

/*
	Classi
*/

.content_firmapop { float: right; width:142px; height:94px; background: url(../images/firma_sandro.gif) no-repeat; margin-top: 90px;}

#titbiografia { background: url(../images/tit/biografia_it.gif) no-repeat 8% 0; height: 65px; width: 100%; margin: 0; padding: 0; float: left; }
#titatelier { background: url(../images/tit/atelier_it.gif) no-repeat 8% 0; height: 50px; width: 100%; margin: 0; padding: 0; float: left; }
#titcontatti { background: url(../images/tit/contatti_it.gif) no-repeat 8% 0; height: 65px; width: 100%; margin: 0; padding: 0; float: left; }
#titinformazioni { background: url(../images/tit/informazioni_it.gif) no-repeat 8% 0; height: 65px; width: 100%; margin: 0; padding: 0; float: left; }

form#contact label{
  cursor: pointer;
}

/*
	Module home
*/
/* Single Module */
.module { width: 100%; float: left;}
.module h1 { border-bottom: solid 1px #d6d6d6; }
/* Double Module */
.double { width: 50%; float: left; min-height: 256px; height: 256px !important; }
.double h1 { border-bottom: solid 1px #d6d6d6; }
.imgdouble { width: 50%; float: left; text-align: center;}

.contact { background: #FF0000; background: url(../images/p_mail.jpg) no-repeat 120% 90% ; }
.espo { background: url(../images/p_espo.jpg) no-repeat 100% 0% ; }
.espo p { padding-right: 240px; }

/* Biografia */
.bio { margin: 0; padding: 0; background: url(../images/p_content_bio.jpg) no-repeat right; }
.bio p { margin: 0 250px 18px 24px; text-align: left; }
.atelier { margin: 0; padding: 0; }
.atelier p { margin: 0 0 0 24px; text-align: left; }

.article { margin: 2em 0 2em 2em; }
.module h1 { margin: 0 2em 0 1.5em; }

.tools { height: 87px; margin: 0; padding: 0; }
.tool { width: 32px; height: 32px; float:right; margin: 30px 10px 0 10px;}
#langita { width: 102px; height: 40px; float:left; margin: 30px 10px 0 10px; background: url(../images/langita.jpg) no-repeat 50% 0; }
#langita:hover { background: url(../images/langita.jpg) no-repeat 50% 100%; }
#langeng { width: 102px; height: 40px; float:left; margin: 30px 0 0 0; background: url(../images/langeng.jpg) no-repeat 50% 0; }
#langeng:hover { background: url(../images/langeng.jpg) no-repeat 50% 100%; }
#langita a, #langeng a { width: 100%; height: 100%; display: block; }

.one { height: 237px; margin: 0; padding: 0; background: url(../images/p_module_one_it.jpg) no-repeat right; }
.one p { margin: 0 296px 18px 32px; text-align: left; }
.one h1 { padding: 88px 0 0 10px; margin-bottom: 10px; border: none; }

.two, .three, .six  {
	width: 50%;
	height: 185px;
	float: left;
}

.two { text-align: left; }

.three { background: url(../images/p_module_three_it.jpg) no-repeat; }
.three p { margin: 0 30px 28px 23px; padding-top: 58px; text-align: left; color: #000000; }
.three p span { color: #FFFFFF; }
.three p span.titleexpo { font-weight: bold; font-size: 16px; }
#div_columdx .three a { color: #ffffff; }
#div_columdx .three a:hover { color: #ddbaba; }
.foor { height: 318px; clear: both; background: #e7e7e7 url(../images/p_content_atelier_it.jpg) no-repeat; }
.foor p { margin: 0 100px 20px 28px; text-align: left; }
.foor h1 { padding: 65px 0 0 28px; }
.five { height: 325px; clear: both; background: #e7e7e7; padding-top: 5px; }
.six { background: url(../images/p_module_espo_it.jpg) no-repeat; }
.six p { margin: 0 40px 28px 23px; padding-top: 58px; text-align: left; color: #000000; }
.six p span { color: #FFFFFF; }
.six p span.titleexpo { font-weight: bold; font-size: 16px; }
#div_columdx .six a { color: #ffffff; }
#div_columdx .six a:hover { color: #ddbaba; }

.content_list_atelier { float: left; text-align: left; width: 140px; margin: 0 0 0 28px; color: #000000; border: 0px;}
.content_list_atelier ul { margin: 35px 0 0 0px; }
.content_list_atelier li { padding: 0.3em 0.3em 0.3em 1em; background: url(../images/arrow.gif) no-repeat 0 50%; font-size: 12px; cursor: pointer; }
.content_list_atelier li a, a:visited { color: #000000; }
.content_list_atelier li a:hover { color: #a72724; }

#images { float: right; width:172px; height:227px; margin: 60px 16px 0 0; }
#images img { border: solid 1px #5c5c5c; }


/*
	Footer
*/
#footer {
	clear: both;
	float: left;
	width: 100%;
}
#div_columsx_foot, #div_columdx_foot { margin-top: 10px; margin-bottom: 10px;}
#div_columsx_foot { height: 150px; }

#div_columsx_foot {
	float: left;
	width: 450px;
	padding: 15px 0 15px 0; 
	background: url(../images/loghi_foot.gif) no-repeat 0 50%;
}
#div_columdx_foot {
	float: right;
	width: 540px;
	padding: 15px 0 15px 0;
}
#div_columsx_menufoot, #div_columdx_menufoot  {
	float: left;
	width: 450px; 
	text-align: left;
	background: #e5e5e5;
}
#div_columdx_menufoot {
	float: right;
	width: 540px;
}

#div_columsx_menufoot ul, #div_columdx_menufoot ul  { margin: 0; padding: 0; }
#div_columsx_menufoot li, #div_columdx_menufoot li { margin: 0; padding: 0; float: left; text-align: center; }
#div_columdx_menufoot li a.menufoot, a.menufoot:visited, #div_columsx_menufoot li a.menufoot, a.menufoot:visited { 
	border-right: solid 1px #FFFFFF; 
	line-height: 45px; 
	margin-right: 1px; 
	display: block; 
	width: 75px;  
	color: #5c5c5c;
}
#div_columdx_menufoot li a.menufoot:hover, #div_columsx_menufoot li a.menufoot:hover { 
	background: #dcdcdc;
}

#div_columdx_foot p{ margin-left: 15px; }
.content_dati_footsx { width: 155px; float: left; text-align: left; margin: 0 0 0 40px; }
.content_dati_footdx { width: 155px; float: left; text-align: left; margin: 0 0 0 30px; }
a.link_foot, a.link_foot:visited { padding: 0 20px 0 20px; background: url(../images/circle_grey.gif) no-repeat 0 50%; }

#contentlogow3b { float:left; width: 58px; height: 58px; background: url(../images/logow3b.gif) no-repeat top; margin-top: 100px; }
#contentlogow3b:hover { background: url(../images/logow3b.gif) no-repeat bottom; }
#contentlogow3b a { width: 100%; height: 100%; display: block; }

/*
	Field
*/
.content_field { margin-top: 0.5em; max-width:50%; min-width:50%; width:50%; float: left; color: #000000; }
.content_field p { padding-left: 22px; }
.textarea { max-width:100%; min-width:100%; width: 100%;}
.note { width: 486px; height: 80px;}
.formbutton { 
	display: block; 
	width: 122px; 
	height: 48px; 
	text-align: center; 
	color: #FFFFFF; 
	font-size: 11px; 
	background: url(../images/p_button.gif) no-repeat; 
	float: right; 
	border: none; 
}

input, textarea {
	border: solid 1px #d8d8d8;
	padding: 0.2em;
	margin: 0.5em 0;
	background: #fefefe url(../images/p_input.gif) repeat-x top;
}
input:focus, textarea:focus { border: solid 1px #7c8185; }

/*
	Calendar
*/
ul#calendar { margin-left: 20px; padding: 0; }
ul#calendar li { margin: 2px; padding: 0; float: left; display: block; width: 100px; height: 36px; }
ul#calendar li a.year, a.year:visited { 
	color: #000000; 
	background: #FFFFFF; 
	padding-top: 6px; 
	display: block; 
	width: 100px; 
	height: 30px; 
	border: solid 1px #8c8b8b; 
	font-size: 16px; 
}
ul#calendar li a.year:hover { background: #e5e5e5; }

a.yeartoday, a.yeartoday:visited { 
	color: #FFFFFF; 
	background: #a8211e; 
	padding-top: 6px; 
	display: block; 
	width: 100px; 
	height: 30px; 
	border: solid 1px #a8211e; 
	font-size: 16px; 
}

ul#calendar li a.selected, ul#calendar li a.selected:visited, ul#calendar li a.selected:hover { 
	background: #a8211e;
	color: #FFFFFF;
}

a.yeartomorrow, a.yeartomorrow:visited { color: #8c8b8b; background: #e5e5e5; padding-top: 6px; display: block; width: 100px; height: 30px; border: solid 1px #8c8b8b; font-size: 16px; }

a.rangeyear, a.rangeyear:visited { display: block; width: 80px; height: 18px; padding-top: 4px; color: #FFFFFF; background: #a8211e; float: left; margin: 10px 1px 20px 0; text-align: center; }
a.rangeyear:hover { background: #000000; }

/*
	Esposizioni
*/
.contentphotoespo {
	float: left;
	width: 20%;
	height: 110px;
	padding-top: 10px;
	text-align: center;
}
.contentdateespo {
	float: right;
	width: 76%;
	height: 120px;
}
.contentdateespo span{
	font-size: 12px;
}
.contentdateespo span.date{
	font-size: 11px;
	font-style: normal;
	color: #8c8b8b;
}
.contentdateespo p{
	margin: 1em;
}
.closeespo {
	clear: both;
	border-bottom: solid 1px #cfcfcf;
}
/*
  SiteMap
*/
#container_site span.subtitle {
  color: #FF0000;
}

.columsite {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

a.titlesite, a.titlesite:visited { font-size: 12px; color: #a8211e; }
a.titlesite:hover { color: #000000; }

/*
  Errore
*/
#container_errore h1 { border: none; color: #FF0000; margin: 20px 20px 0 20px; color: #a8211e; }
#container_errore p { margin: 20px; }

/* form dei contatti - contatti.php */
#form_results, #form_contatti{
	float:left;
	
}
.contatti {
	/*overflow: hidden;*/
	/*border: 1px solid red;*/
	/*height: 415px;*/
	/*opacity: 0;*/
	position: relative;
}

.loader, #form_ok, #form_errors {
	display: none;
	/*opacity: 0;*/
	position: absolute;
}

.loader {
	top: 215px;
	left: 165px;
	height: 19px;
	width: 220px;
	background: url('../images/ajax-loader.gif') 0 0 no-repeat;
	z-index: 1;
}

#form_ok {
	top: 215px;
	left: 150px;
	height: 117px;
	width: 326px;
	padding: 3em 0.5em 0.5em 0.5em;
	background: url('../images/formok.png') 0 0 no-repeat;
	z-index: 2;
	color: #000000;
}
#form_ok p{
	padding: 8px;
	text-align: center;
}
#form_ok span{
	color: #006600;
	font-style: normal;
}

#form_errors {
	top: 200px;
	left: 110px;
	/*height: 50px;*/
	width: 326px;
	z-index: 3;
	cursor: pointer;
}

#errors_top {
	left: 110px;
	height: 20px;
	width: 326px;
	background: url('../images/results_top.png') 0 0 no-repeat;
	z-index: 3;
}
#errors_middle {
	left: 110px;
	/*height: 1px;*/
	width: 326px;
	background: url('../images/results_middle.png') 0 0 repeat-y;
	z-index: 3;
	padding: 0.5em;
	color: #000000;
	line-height: 2em;
}
#errors_middle span{
	color: #a72724;
	font-style: normal;
}
#errors_bottom {
	left: 110px;
	height: 20px;
	width: 326px;
	background: url('../images/results_bottom.png') 0 0 no-repeat;
	z-index: 3;
}


