@import url(https://fonts.googleapis.com/css?family=Signika:300,700,300italic,700italic);


/* Box-sizing -*/
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 
}
.suggerisci {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    height: 205px;
    left: 2px;
    overflow-y: scroll;
    padding: 2%;
    position: absolute;
    text-align: left;
    top: 35px;
    visibility: hidden;
    width: 98%;
    max-width: 93%;
}
.bordo{
	border:3px solid #cdcdcd;
	 min-width:   200px;
     max-width:   300px;
     /*max-height: 1000px;
	 min-height:  500px;*/
	padding-bottom:15px;
}

input {
  display: block;
  border: 1px solid #C0C0C0;
  color: #000000;
  transition: all 0.3s ease-out;
  padding: 8px;
  background-color:#F8F8F8;
  width:266px;
  font-family:"Signika";
  font-weight: bold;
  font-size:17px;


}

input:hover { border-radius: 2px; }
input:focus { 
  outline: none;
  border-color: #C0C0C0;
}

input#p_frase { 
  outline: none;
  color: #C0C0C0;
  font-weight: normal;
}
input#p_frase:focus { 
  outline: none;
  color: #000000;
  font-weight: bold;
}

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;  font-family:"Signika";
						}



						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:14px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size: 0.83em;
							vertical-align:middle;
							cursor:pointer;
							margin-top:10px;
							font-family:"Signika";
							color: #C0C0C0;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
							color: #000000;
						}
						label.css-label {
				background-image:url(csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.btn {
    font-family:"Signika";
  color: #ffffff;
  font-size: 14px;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  
  margin-top:10px;
  margin-left:161px;
  width:105px;

}
.btn2 {
    font-family:"Signika";
  color: #ffffff;
  font-size: 14px;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;  
  margin-top:10px;
  margin-left:161px;
  width:105px;
   margin-bottom: 10px;

}

/* Display block per gli elementi HTML5 su IE */
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto; 
}

/* Stili di base e tipografia */
html {
  font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 font-family:arial;
 font-size: 16px;
 line-height: 20px;
 color:#333; 
  -webkit-text-size-adjust:100%;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family:arial; font-weight: normal;margin-bottom: 5px;
} 

h1 { 
 font-size:42px; 
	line-height:46px; 
	margin-bottom:20px; 
}

h2 { 
 font-size:28px; 
	line-height:32px; 
	margin-bottom:12px; 
}

h3 { 
 font-size:21px; 
	line-height:25px; 
	margin-bottom:8px; 
}

/* Griglia */

.riga {
 width: 100%; 
 max-width: 960px; 
 min-width: 720px; 
 margin: 0 auto;
 background: #fff; 
}

[class*='colonna-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 background: #fff; 
}

.colonna-1-3 {
 width: 100%;
}

.colonna-1-2 {
 width: 277px;
 border-bottom:1px solid #efefef;
}

.colonna-1 {
 width: 100%;
}

[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}

/* Micro-clearfix */
.riga:before,
.riga:after {
 content: " "; 
 display: table;
}

.riga:after {
 clear: both;
}

.riga {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 70px;
 border-bottom: 1px solid #333;
 position: relative;
}

header #logo {
 float: left;
}

#logo a {display: block;}

footer {
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
}


@media only screen and (max-width:600px) {
.riga { 
 width: auto;
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
}
 
[class*="colonna-"] { 
 width: auto !important; 
 float: none;  
}

[class*="colonna"] + [class*="colonna"]:last-child {float: none;}
 
[class*="colonna-"]:before, [class*="colonna-"]:after {
 content:""; 
 display:table;
}

[class*="colonna-"]:after {clear: both;}


input {
  display: block;
  border: 1px solid #C0C0C0;
  color: #000000;
  transition: all 0.3s ease-out;
  padding: 8px;
  background-color:#F8F8F8;
  width:266px;
  font-family:"Signika";
  font-weight: bold;


}

input:hover { border-radius: 2px; }
input:focus { 
  outline: none;
  border-color: #ededed;
}

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:14px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:0.83em;
							vertical-align:middle;
							cursor:pointer;
							  font-family:"Signika";
							  color: #C0C0C0;


						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
							color: #000000;
						}
						label.css-label {
				background-image:url(csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


}