/* Cedacri Group Modules layout  */
	/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2013 Cedacri Group and Areaitalia may not be reproduced. */ 
	
	
	
/*
===== CONTENTS =====


	1: Address
	2: Principal Elements
	3: Info | News
	4: Links


====================
*/



div.clearer {
  clear: left;
  line-height: 0pt;
  height: 0pt;
  }

/*
===== 1: Address =====
*/

address{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-style:normal;
	color:#a19999;
	font-size:14px;
	line-height:16px;
	width:33%;
	padding-left:10px;
}


div.copyright{
	float:left;
	display:inline;
	width:90%;
	margin:30px 0 0 0;
	padding:15px 30px;
	color:#a19999;
	font-size:12px;
	border-top:solid 1px #e2e2e2;
}

div.service{
	float:left;
	text-align:center;
	font-size:12px;
	color:#999;
	width:33%;
	display:inline;
}
div.service img{
	width:auto;
}

div.service span{
	display:block;
	padding-bottom:5px;
}

/*
===== 1: Principal Elements =====
*/

/* Logotype */
.logotype{
	float:left;
	margin:0;
	padding:0;
	position:absolute;
	left:25px;
	top: -5px;
}

/*.logotype a:focus{
	font-style: italic;
	border-top: 3px dashed red;
	border-left: 3px dashed red;
}*/

.logotype div{
	font-size: 2em;
	color: red;
	font-style: bold;
}

/* panel */
.panel, .button{
	float:left;
	width:100%;
	display:inline;
}

.panel ul, .button ul { clear:both; width: 100%; max-width:940px; *width:940px; *position:relative; *z-index:1; zoom:1;padding:0 0 25px 0;margin:0; }
.panel ul:after, .button ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.panel ul li, .button ul li{ 
	display:inline; 
	float:left; 
	position:relative; 
	z-index:1; 
	height:auto;
	max-width:178px; 
	height:146px; 
	text-align: center;
	margin-right:12px; 
	_margin-right:12px; 
	border-top:1px solid #f2f2f2;
	-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	   -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}


.panel ul li.last-child, .button ul li.last-child { 
margin-right:0; 
_margin-right:0; 
}

.panel ul li a, .button ul li a { display:block; cursor:pointer;
color:#666;
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
/*.panel ul li a:nth-child(1n) { border-color:#fff; }*/
.panel ul li a:focus, .button ul li a:focus {
	font-style: italic;
	text-decoration: underline;
	background: #D3D3D3; /*LighGrey*/
}

.panel ul li a:hover, .button ul li a:hover {
	background:#f0f0f0;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}
.panel ul li .curve-down, .button ul li .curve-down { display:inline-block; height:152px; width:100%; _display:inline; _zoom:1; 
	border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.panel ul li .curve-down:nth-child(1n), .button ul li .curve-down:nth-child(1n){ border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
}
.panel ul li a img {
	padding:0 10px;
	display:block;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.panel ul li .curve-down span{
	padding:10px 0 0 0;
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:16px;
	font-family: 'proxima-bold';
	min-height:32px;
}

/* button */

.button ul li{

	max-width:464px; 
	width:50%;
	height:100px;
	text-align:left;
	margin-right:6px; 
	margin-bottom: 50px;
	_margin-right:6px;
}

.button.mini ul{
	width:220px;
	*width:220px;
	margin-top:20px;
}

.button.mini ul li{
	margin:10px 0 50px 0;
	_margin:0;
	width:220px;
	height: 120px;
	display:block;
}

.button ul li .curve-down{
	height:115px;
}

.button ul li .curve-down-left{
	height:173px;
}

.button ul li a span{
	color:#09c;
	padding-right:10px;
	background: url(../images/arrow.gif) no-repeat right bottom;
}

.button ul li a{
	padding:20px;
	float:left;
	max-width:424px;
	height: 80px
	display:block;
}

.button.mini ul li a{
	width:180px;
	height:150px;
	padding:10px 20px;
}


.button ul li a img{
	float:left;
	display:inline;
}

.button.mini ul li a img{
	display:block;
	/*padding:0 55px;*/
	margin-bottom:5px;
	width:65%;
	height:auto;
}

.button ul li a:hover{
	text-decoration:none;
}

/* Article */

div.article{
	float:left;
	max-width:100%;
	display:inline;
	padding:15px 10px;
}

div.article .thumb{
	float:left;
	padding:5px;
	background:white;
	margin-bottom:30px;
	border-top:1px solid #f2f2f2;
	-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	   -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	
	
}


/* slideshow */

.slideshow{
	float:left;
	width:100%;
	height:auto;
	display:inline;
	padding-bottom:10px;
	padding-right:10px;
	position:relative;
	z-index:0;
}

.slideshow ul{
	margin:0;
	padding:0;
	list-style-type:0;
	float:left;
	display:inline;
	width:100%;
}

.slideshow ul li{
	float:left;
	display:inline;
}

/* Left and right col */

div.leftcol{
	float: left;
	width: 220px;
	padding:20px 10px;
	  background-image: -webkit-gradient(linear, 50% 0%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.11)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 80, color-stop(0%, rgba(0, 0, 0, 0.02)), color-stop(80%, rgba(0, 0, 0, 0)));
	  background-image: -webkit-linear-gradient(top right, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%), -webkit-radial-gradient(top right, ellipse cover, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 80%);
	  background-image: -moz-linear-gradient(top right, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%), -moz-radial-gradient(top right, ellipse cover, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 80%);
	  background-image: -o-linear-gradient(top right, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%), -o-radial-gradient(top right, ellipse cover, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 80%);
	  background-image: linear-gradient(top right, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(top right, ellipse cover, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 80%);
	  -webkit-background-size: 1px 100%, 40px 100%;
	  -moz-background-size: 1px 100%, 40px 100%;
	  -o-background-size: 1px 100%, 40px 100%;
	  background-size: 1px 100%, 40px 100%;
	  background-position: top right;
	  background-repeat: no-repeat;
}

div.rightcol{
	float:left;
	width:70%;
	padding:5px 0 0 20px;
}

div.rightcol img{
	width: 75%;
}
/* allegati */

div.allegati{
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:10px 0;
}

div.allegati ol{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:100%;
	display:inline;
}

div.allegati ol li{
	display:block;
}

div.allegati ol li{
	float:left;
	width:100%;
	display:block;
	padding:5px 0;
}

/* Contatti */

div.maps{
	display:block;
	padding:20px 0 0 0;
}

div.contact{
	float:left;
	width:100%;
	display:inline;
	margin:0;
	padding:20px 0;
}