/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


html {/*overflow-y: scroll;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
  
  
  font-family: "BenchNine", sans-serif;
  background-color: #f2f2f2;
}
/*** General ***/
a{text-decoration: none;}
	
	/* Structure */
	#header 		{width: 100%;height: 100px; background: #fff; position: fixed; top:0px; padding:0; margin:0; z-index:999; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=0.8); opacity:0.8;*/} 
	#mainmenu		{width: 100%; /*background-color: #33414a;*/ margin-top: 20px;}
	
	#main 			{width: 100%;}
	
.cd-logo {
  position: absolute;
  margin-top: 10px;
  margin-left: 30px;
  z-index:2px;
  
}
.cd-logo img {
  display: block;
  max-width: 100%;
  margin-top: 5px;
  transition: all 0.3s ease-out;
}

.cd-logo img:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0.5); opacity:0.5;
}


/*** Menu ***/
#mainmenu ul 		{margin: 0px 0px 0px 0px;width:100%; list-style: none;}
#mainmenu ul li 	{float: right;margin: 0px 0px 0px 0px;position: relative;}
#mainmenu a 		{color: #333; display: block;font-size: 14px;padding: 14px 10px; text-transform: uppercase;/* background:#fff; filter: alpha(opacity=30);
  opacity: 0.3;*/
	/*
	border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5em;
	*/
	transition: all 0.3s ease-out;}
#mainmenu a:hover {color: #9D0000;}
	
	
/* Button Responsive Menu*/
.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:5px;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;transition: all 0.3s ease-out;}
.btn-responsive-menu:hover{background:#25A197;}

.icon-bar {display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;/*-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;*/-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.show{display:block!important}

.spazio{ width:100%;clear: both; padding:60px; /*background: #000;*/}
hr.style-two { border: 0; height: 1px; margin: 20px auto; width:30%; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); }

#chisiamo{ width:100%;/*background: #000;*/ min-height:700px;}
div.coloarticolo{float:right; width: 50%;/*background: #00FF00;*/ margin-bottom:20px;}
div.coloinfo{margin-right: 50%;/*background:#33CC00;*/}
div.coloinfo .img_copertina{display: inline-block;max-width: 100%;padding:0px;/*background: #5f021f;*/}
div.coloinfo .img_copertina img{max-width: 100%;height: auto;margin: 0px;}
div.coloarticolo .descr_articolo{font-size: 20px; color:#999;line-height: 24px;width:90%;padding:20px;margin:0 auto;}	
div.coloarticolo .descr_articolo a{color:#AC0235; text-decoration:none;}
div.coloarticolo .descr_articolo a:hover{color:#666;}
.categoria {font-size: 40px;color: #000;/*letter-spacing:5px;*/; margin-bottom:10px; margin-top:20px;text-align:center;}
.sottcategoria{font-size: 14px;color: #999;letter-spacing:5px; text-transform:uppercase;text-align:center;}
	
#ristorante{width:100%;/*background: #ccc;*/ min-height:700px;}
#pizzeria{width:100%;/*background: #ccc;*/ min-height:700px;}
#camere{width:100%;/*background: #666;*/ min-height:700px;}
#cerimonie{width:100%;/*background: #999;*/ min-height:700px;}
#contatti{width:100%;/*background: #000;*/ min-height:700px;}
#map{position:relative;margin: 0 auto; padding: 0;width: 100%px; height:350px;}
#wrapper_map{width: 100%;background:#FFF;border:1px dashed #CCC; padding:5px;}

.box_social{display:inline-block; color:#FFF; margin:0; padding: 10px; background:#25A197; transition: all 0.3s ease-out; text-decoration: none;-moz-border-radius: 50%;
-webkit-border-radius: 50%;border-radius: 50%;}
.box_social:hover  { background: #000; }

.footer {
  font-size: 16px;
  color: #666;
  background: #fff;
  padding: 60px;
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  color: #666
}
.footer a {
  color: #666;
}
hr.style-two { border: 0; height: 1px; margin: 20px auto; width:30%; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); }

@media (min-width: 1200px) {

	/* Structure > 1200px */
	.cd-logo { margin-left: 80px;}
  
	#header 		{width: 100%;} 
	#mainmenu		{width: 100%;float:left;}
	#mainmenu ul li {float: right;margin: 0px 30px 0px 0px;position: relative;}
	#mainmenu a 	{font-size: 16px;padding: 14px 10px;transition: all 0.3s ease-out;}
	#main 			{width: 100%;}
	 
}

@media (min-width: 768px) and (max-width: 980px) {

	/* Structure 768 to 1000 */
	#header 		{width: 100%;} 
	#mainmenu		{width: 100%;float:left;}
	#mainmenu ul li {float: right;margin: 0px 10px 0px 0px;position: relative;}
	#mainmenu a 	{font-size: 12px;padding: 14px 5px;transition: all 0.3s ease-out;}
	#main 			{width: 708px;float:left;padding: 20px 20px 20px 20px;}

}


@media (max-width: 767px) {

	/* Structure  < 767 */
	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:100%;background-color: #fff;} 
	#mainmenu		{width:100%;float:left; margin-top: 53px;background-color: #fff;}
	#main 			{width:100%;float:left;padding: 20px 0 0 0;}

	/* Header */
	
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none; border-bottom:1px solid #4E6372}
	
	.btn-responsive-menu{display:block;}
	div.coloarticolo{width:100%;}
	div.coloinfo{width:100%;}
	
}