/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #666;
	border-top: 5px solid #000;
	color: #fff;
	font-size: 11px;
	padding: 0 0 40px;
}

/* anchors
----------------------------------------------- */
a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
  color:#E10915;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#000;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2  {margin-top:1em;}
h3  {font-size:1.3em;}
h4  {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
div#branding {
	font-weight:normal;
	font-size:15em;
	text-align:left;
  	color:#fff;
	background:#000 url(../images/top.jpg) no-repeat top left;
	padding:.7em 1em;
	margin-bottom:0;
}

div#branding h1 {visibility: hidden}

/* page heading

----------------------------------------------- */

h2#page-heading {
	font-weight:normal;
	line-height:0.5em;
	padding:0;
	margin:0;
	border-bottom:1px solid #ccc;
	visibility: hidden;
}

/* boxes

----------------------------------------------- */

.box {
	background:transparent;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}

.box h2 {
	font-size:1em;
	text-transform:uppercase;
	color:#fff;
	background:transparent;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
	border:none;
	border-bottom: 1px dotted #FFF;
}

.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:transparent url("../images/switch_minus.gif") 96% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
}

.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}

.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../images/switch_plus.gif");
}

.box h2 a:hover {
	background-color:#E10915;
}

.box #paragraphs h3 a {text-decoration: none;}

.block {
	padding-top:10px;
}

div.menu {
  padding:0;
}

div.menu h2 {
  margin:0;
}

div.menu .block {
	padding-top:0;
}

/* paragraphs, quotes and lists

----------------------------------------------- */

p {
  margin-bottom:1em;
}

blockquote {
  font-family: Georgia, 'Times New Roman', serif;
  font-size:1.2em;
  padding-left:1em;
  border-left:4px solid #ccc;
}

blockquote cite {
  font-size:.9em;
}

ul, ol {
  padding-top:0;
}

.centra {text-align: center;}

#paragraphs a {text-decoration:underline}

.bordo{
	margin:4em 6em 0 6em;
	border-top:1px dotted #bbb;
	padding-top:1em;
	}

/* menus

----------------------------------------------- */

ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}

ul.menu li {
	margin:0;
}

ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}

ul.menu li a:hover {
	background:#eee;
}

ul.menu li a:active {
	background:#ccc;
}

/* submenus

----------------------------------------------- */

ul.menu ul {
	list-style:none;
	margin:0;
}

ul.menu ul li a {
	padding-left:30px;
}

/* section menus

----------------------------------------------- */

ul.section {
	border-top:0;
	margin-bottom:0;
}

ul.section li {
	text-transform:uppercase;
}

ul.section li a {
	background:#666;
}

ul.section li a:hover {
	color:#fff;
	background:#E10915;
}

ul.section li a:active {
	color:#fff;
	background:transparent;
}

ul.section li li a {
	background:transparent;
	border-bottom:1px solid #FFF;
}

ul.section li li a:hover {
	background:transparent;
}

ul.section li li a:active {
	color:#000;
	background:#fff;
}

ul.section ul li {
	text-transform:none;
}

ul.section ul.current li a {
	background:trasparent;
	border-bottom:1px solid #fff;
}

ul.section ul.current li a:hover {
	background:#E10915;
}

ul.section ul.current li a:active {
	background:transparent;
	color:#E10915;
}

ul.section li a.current {
	color:#fff;
	background:transparent;
}

ul.section li a.current:hover {
	background:#555;
}

ul.section li a.current:active {
	background:#444;
}

ul.section li a.active {
	background:transparent;
	color:#E10915;
	cursor:default;
}

ul.section li.current > a.active,

ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}

/* table

----------------------------------------------- */

table {
  width:100%;
  margin-bottom:10px;
}

col.colC {
  width:8em;
}

th, td {
  padding:.2em 1em;
  text-align:left;
}

thead th {
  padding:.4em 1em .2em;
}

thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
}

table.card {
	width:90%;
}

table.card td  {
	vertical-align:top;
	padding:1em 0.5em}

table.card tr {border-bottom:1px dotted #333}

/* forms

----------------------------------------------- */

form {
  overflow:hidden;
}

fieldset {
  border:1px solid #bbb;
  padding:10px;
  position:relative;
  margin-bottom:10px;
}

legend {
  font-size:1.1em;
  padding:.4em .8em;
  border:1px solid #bbb;
}

fieldset.login p {
  margin-bottom:1em;
  margin-top:0pt;
}

fieldset p label {
  width:98%;
}

fieldset p input {
  width:98%;
}

fieldset p select {
  width:99%;
}

fieldset.login p label {
  float:left;
  line-height:2em;
  margin-right:3%;
  text-align:right;
  width:32%;
}

fieldset.login p input {
  width:60%;
}

fieldset.login input.button {
  margin-left:35%;
}

form p.notice {
  font-weight:bold;
}

input.search.text {
  width:66%;
}

input.search.button {
  width:28%;
  margin-left:2%;
}

/* articles

----------------------------------------------- */

.articles {
  padding:0;
}

.articles h2 {
  margin:0;
}

#articles {
  padding-top:0;
}

.article {
  padding-top:.5em;
}

.box .article {
  border-top:1px solid #fff;
  padding:13px 10px 0 10px;
}

.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}

.article h3 {
  margin-bottom:.2em;
  font-size:1.2em;
}

.progetto h3 {
  margin-bottom:.2em;
  font-size:1.2em;
}

.box .first {
  border-top:none;
}

.article h4 {
  text-transform:uppercase;
  margin-bottom:.5em;
}

.image{
  float:left;
  margin:3px 10px 3px 0;
  padding:4px;
  border:1px solid #000;
}

a.image {
  float:left;
  margin:3px 10px 3px 0;
  padding:4px;
  border:1px solid #bbb;
}

.article a.image:hover {
  border:1px solid #DC2E2;
}

.article a.image img {
  float:left;
}

.article a:hover {
  color: #DC2E23;
}


div.meta, div.progetto {
  border-bottom:1px dotted #999;
  padding:.3em 0;
  margin-bottom:.8em;
}

/* immagini
----------------------------------------------- */

#immagini .stacca{
  padding:.5em;
}

#immagini div {
  width:220px;
  padding: 1em;
  float:left;
}
/* site information

----------------------------------------------- */

#site_info .box {
  color:#fff;
  background:#666;
  margin-bottom:10px;
  text-align:center;
}

/* AJAX sliding shelf

----------------------------------------------- */

#loading {float:right; margin-right:16px;}

.block {padding-bottom:1px;}

/* News

----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}



.right {
	padding:1em;
	margin-left:17.5em;
    border-bottom:1px dotted #FFF;
    height:12.8em;
    max-height:12.8em;
    overflow:hidden;
}



.left {
  padding:1em;
  border-bottom:1px dotted #FFF;
  width:14em;
  float: left;
  height:12.8em;
  max-height:12.8em;
  overflow:hidden;
}



.news  {
	background-color:#FFC993;
	color: #000;
	padding: 10px;
}

.new {padding-top:0.5em}

.data {
	color: #999;
	border-bottom:1px dotted #999;
}

.firstn a {color:#000}

.firstn a:hover {
  color:#E10915;
}


/* Mootools Kwicks

----------------------------------------------- */

#kwick-box {
  padding:0;
  overflow:hidden;
}

#kwick-box h2 {
  margin:0;
}

#kwick {
  position: relative;
}

#kwick .kwicks {
  display: block;
  background: #1e1b12;
  height: 120px;
  list-style:none;
  margin:0;
  overflow:hidden;
}

#kwick li {
  float: left;
  margin:0;
  padding:0;
}

#kwick .kwick {
  display: block;
  cursor: pointer;
  overflow: hidden;
  height: 100px;
  width: 136px;
  padding: 10px;
  background: #fff;
}

#kwick .kwick span {
  color:#fff;
}

#kwick .one {
	background: url("../images/corsi.jpg");
}

#kwick .two {
	background: url("../images/percorsi.jpg");
}

#kwick .three {
	background: url("../images/scuola.jpg");
}

#kwick .four {
   background: url("../images/progetti.jpg");

}

#kwick .five {
	background: url("../images/formazione.jpg");

}

#kwick .six {
	background: url("../images/produzione.jpg");
}

#register{
        padding: 1em 0;
        width: 40em;
}

#registerlayout {padding:1em 0; margin:0}

#registerlayout p {padding:0; margin:0}

#registerlayout label, #registerlayout input, #registerlayout textarea {
        display: block;
        width: 300px;
        float: left;
        margin:0;
        padding:1px;
        margin-bottom: 1em;
}

#registerlayout input, #registerlayout textarea{border:1px solid #CCC}

#registerlayout input.small {width: 10em;}

#registerlayout label {
        text-align: right;
        width: 10em;
        padding-right: 1em;
}

#registerlayout br {
        clear: left;
}
#registerlayout dt {
        font-weight: bold;
}