@charset "UTF-8";

body {
	font-family: 'Cardo', serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	}
	
b {	font-weight: 700; }

a:link, a:visited {
	text-decoration:none;
	color:#000;
	}	

a:hover {
	text-decoration:underline;
	color:#000;
	}	

.header {
	width:60%; 
	float:left;
	}

.h4-matilde { 
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:25px; 
	letter-spacing: 0.01em;
	padding:0px;
	margin:0px;
	color:#000;
	float:left;
	}

.menu {
	font-weight: 400;
	font-size:14px; 
	color:#000;
	float:left; 
	padding-left:0px; 
	width:40%;"
	}
	
.menu ul {float:left; list-style:none; padding:0;}
.menu-right{margin-left:40%;}

.menu a:link, a:visited {color:#000; text-decoration:none;}
.menu a:hover {text-decoration:underline;}

.progetto {
	margin:0px;
	padding-top:10px;
	margin-top:15px;
	} 

.singolo {
	margin:0px;
	padding-top:10px;
	margin-top:15px;
	margin-bottom:30px;
	} 
.img_singola {
	width: auto;
	padding-top:5px;
	overflow:auto;
	}

/* carousel & progetti*/ 
.comandi {
	list-style:none;
	font-size:20px; 
	padding-top:10px;
	padding-left:0px;
	}
.next {
	float:left;
	position:relative;
	margin-left:15px;
	}
.prev {
 	float:left;
	position:relative;
	}
.info {
	float:left;
	margin-left:15px;
	position:relative;

	}
.librini {
	background-image:url(img/librini.png);
	width: 16px;
	height: 20px;
	float:left;
	position:relative;
	margin-left:15px;
	}	
.next, .prev, .info, a:link, a:visited, a:hover, a:active {color:#000; text-decoration:none;}
.slide {
	width: auto;
	height: 525px;
	padding-top:5px;
	display:block; !important
	overflow:auto;
	}

.testo {
	font-family: 'Cardo', serif;
	font-size:14px;
	line-height:20px;
	}

.colophon {
	font-family: 'Karla', sans-serif;
	font-size:14px;
	line-height:20px;
	}
	

	
/* fine carousel */ 

/* inizio stili archive */ 
.elenco {
	margin: 0px;
	text-transform:uppercase;
	font-family: 'Karla', sans-serif;
	font-size:21px;
	line-height:28px;
	}
	
.elenco a:link, a:visited {
	text-decoration:none;
	color:#000;
	}	
.elenco a:hover {
	text-decoration:underline;
	color:#000;
	}	

/* fine stili archive */ 

/* inizio stili about */ 
h3 {
	text-transform:uppercase;
	font-family: 'Karla', sans-serif;
	font-size:21px;
	line-height:28px;
	text-align:center;
	}
	
.about {
	margin:0px;
	margin-top:50px;
	}	

.about b {
	margin-top:50px;
	font-family: 'Karla', sans-serif;
	}	
	
.about a:link, a:visited {
	text-decoration:underline;
	color:#000;
	}	
.elenco a:hover {
	text-decoration:underline;
	color:#0B00FF;
	}	

/* fine stili about */ 
/* inizio stili contact */ 
.contact_img {
	background: url(../img/contact_mc.jpg) no-repeat; 
	width:58%; 
	height:530px;
	float:left; 
	margin-right:2%;
	}

.contact_txt{
	margin:0px; 
	float:left; 
	padding:0px;
	}	
/* fine stili contact */ 


@media only screen and (max-device-width: 450px) {
  .slide {
	height:100%;
	display: inline; !important
	overflow:auto;
	}
	
.header {
	width:100%;
	}	
.menu ul {float:none;}
.menu-right {margin-left:0;}	

.elenco {
	margin: 0px;
	text-transform:uppercase;
	font-family: 'Karla', sans-serif;
	font-size:16px;
	line-height:19px;
	}

.contact_img {
	width:100%;
	background-position:center;
}
}