/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
}

body {
background: #FFFFFF;
color:#6D6255;
font-family: helvetica, sans-serif;
font-size:11px; line-height:14px;
height:100%;
width: 100%;
padding-top:4px;
}

U1 {
  font-size: 8pt;
  color: #d10c16;
  }


body.section-1 {
}
body.section-2 {
}
body.section-3 {
}

#menu #home{
margin-top:20px;
margin-bottom:-10px;

}

#menu a {
font-weight:normal;
padding:0;
text-decoration:none;

}
#menu em {
color:#6D6255;
font-weight:normal;
font-style:bold;
}
a:link {
color:#BAB0A4;
text-decoration:underline;
}
a:active {
color: #BAB0A4;
text-decoration:underline;
}
a:visited {
color:#6D6255;
text-decoration:none;
}
a:hover {
background-color:none;
color: #BAB0A4;
text-decoration:none;
}


a img { border: none; }

#menu a.name {
border:medium none;
display:block;
padding-bottom:0;
}
#menu a.name strong {
}
#menu {
background-color:#FFFFFF;
font-size:11px; 
line-height:14px;
bottom:0;
height:800px;
margin:0px 10px 0;
left:0;
padding-left:11px;
padding-top:7px;
position:fixed;
top:0;
width:190px;

}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;

}
#menu ul li.section-title {
color: #6D6255;
font-weight: normal;
letter-spacing:0px;
line-height:20px;
border-top: 1px dotted #BBBBBB ; padding-top: 1px; margin-top: 1px; width:160px;
}

#menu a {
padding:1px 1px;
}

#menu ul li.active a, #menu a:active {
color: #6D6255;
text-decoration:none;
}

#menu a:hover, #menu li.active a:hover {
background-color:#FFF;
color: #6D6255;
text-decoration: none;

}


/* MAIN CONTENT */

#content {
	float: left;
	width: 100%;
	display: inline;
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 0px 0px; /* the first number sets the height start of the exhibitions zone / under your menu */
	z-index: -10;
	
}

.container {
    padding: 0px 0px 0px 0px;  
    
}

#menu .container { margin:0px 5px 0; }
#content .container { margin: 0px 0px 0px 220px; }

/* End Main Content */

#content p { width: 100%; margin-bottom: 9px;}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; 
font-family: Georgia;
font-style: italic;
font-weight: lighter;
	text-align: center;
	color: gray;
	text-decoration: none;
}


#img-container {
width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#img-container p {
	width: 800px;
	//margin: 0px 0px 0px 0px;
//	padding: 0px 0px 0px 0px;
}

.news{
float: left;
width: 710px;
margin-top: -5px;

}

.news-foto{
float: left;
width: 710px;
}

.news-titolo{
float: left; 
width: 175px; 
margin-right: 10px;
}

.news-testo{
float: left; 
width: 395px; 
margin-right: 10px;
}

.news-sometimes{
float: left; 
width: 110px; 
margin-right: 10px;
}

.thumb{
float: left; 
width: 100px; 
margin-right: 5px;
margin-left: 5px;
}

.preview{
float: left; 
width: 300px; 
}

.preview_low{
float: left; 
width: 160px; 
margin-right: 0px;
}

.text{
float: left; 
width: 700px; 
margin-top: 10px;
margin-bottom: 10px;
padding: -0 0 0 0;
}

.text_short2{
float: left; 
width: 230px; 
margin-right: 20px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: -0 0 0 0;
}

.contenuto{
float: left; 
width: 750px; 
margin-top: 10px;
margin-bottom: 10px;
padding: -0 0 0 0;
}

.text_short{
float: left; 
width: 370px; 
margin-top: 10px;
margin-bottom: 10px;
}

.title{
float: left; 
width: 700px; 
margin-top: -10px;
margin-bottom: 10px;
padding: -0 0 0 0;
}

.section-title2 {
color: #6D6255;
font-weight: normal;
letter-spacing:0px;
line-height:20px;
border-top: 1px dotted #BBBBBB ; padding-top: 1px; margin-top: 1px; width:174px;
margin-left: -14px;
}

.section-title3 {
color: #6D6255;
font-weight:normal;
letter-spacing:0px;
line-height:20px;
padding-top: 1px; margin-top: 1px; width:174px;
margin-left: -14px;
}

.sys{
float: left; 
width: 100px;
height: 100px; 
padding:0px;
padding-right:5px;
padding-bottom:5px;
}

#wall{

line-height: left;

   -webkit-column-count: 7;
   -webkit-column-gap:   15px;
   -moz-column-count:    7;
   -moz-column-gap:      15px;
   column-count:         7;
   column-gap:           15px;
  
}

#wall img{
 width: 100% !important;
  height: auto !important;
  display:inline-block;
}

@media (max-width: 1400px) {
  #wall {
  -moz-column-count:    6;
  -webkit-column-count: 6;
  column-count:         6;
  }
}

@media (max-width: 1200px) {
  #wall {
  -moz-column-count:    5;
  -webkit-column-count: 5;
  column-count:         5;
  }
}


@media (max-width: 1000px) {
  #wall {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 800px) {
  #wall {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 400px) {
  #wall {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}

.box {
  margin: 5px;
  padding: 5px;
  font-size: 11px;
  line-height: 1.4em;
  float: left;

}


.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 100px; }
.col2 { width: 200px; }
.col3 { width: 300px; }
.col4 { width: 400px; }

.col1 img { max-width: 100px; }
.col2 img { max-width: 200px; }
.col3 img { max-width: 300px; }
.col4 img { max-width: 400px; }
.col5 img { max-width: 500px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 110px; }
.has-gutters .col2 { width: 210px; }
.has-gutters .col3 { width: 310px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}



#once { clear: left; }