body {
	font-family: 'Lato', serif !important;
	line-height:auto !important;	
}

input, button, select, textarea {
	color:#222 !important;
}

#avviso {
    background-color: #274E78;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}

#banner img {
	border: 1px solid #B9B9B9;
}

a:hover {
	text-decoration:none !important;
	color:#fff !important;
}

#scegli {
    float: right;
    position: absolute;
    right: 120px;
    top: 5px;
}

#scegli span {
	font-size: 15px;
	color:#F00;
	margin-right:10px;
}


#characterLeft {
	font-weight:bold;
	font-size:10px;
	color:#333;
}

#contatti {
	color:#fff;
	text-decoration:none;
	float:right;
}

#contatti a {
    text-decoration: none;
    font-weight: bold;
	color:#F9423A; 
}

#contatti a:hover {
	color:#F9423A !important;
}

/* body { 
        writing-mode: tb-rl;
 }*/



.boxNome {
	font-size:11px;
	text-align:center;
}

.boxTelefono {
	text-transform:lowercase;
	text-align:center;
}

.boxTitolo {
	font-weight:bold;
	text-align:center;
}

.boxTitolo, .boxNome {
	text-transform:uppercase;
}

body {
 overflow-y: visible !important;
}


.contatto {
	float:right;
    margin-left: -90px;
    min-width: 135px;
/*    max-width: 150px;
*/    min-height: 80px;
/*    max-height: 80px;
*/    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.contatto.nascosto {
	visibility:hidden !important;
}
#contatti1 {
    min-height: 100px;
}

#contatti1 .boxNome {
	font-weight:bold !important;
	border:none;
	padding-top:0;
	font-size:20px;	
	float:left;
	width:50%;
	text-align:center;
}

#contatti1 .boxTelefono {
	font-weight:bold !important;
	float:left;
	width:50%;
	text-align:center;
	font-size:20px;		
}

.boxNome {
	padding-top:2px;
}

.boxAnnuncio {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    max-height: 200px;
	min-height: 200px;
	overflow:hidden;
    padding: 0 20px 0 0;
    font-size: 11px;
    line-height: 25px;
}

.dropzone {
    background-color: rgba(52, 95, 148, 0.8) !important;
	margin-right:20px;
}

#inputAnnuncio {
	width: 99.5%;
}

.boxTitolo {
	font-size:30px;
}

.intro_block .trial {
    width: 100%;
	margin-top:10px;
}
.intro_block .trial:last-child {
    margin-right: 0 !important;
    width: 50%;
}
.nomeSito {
	display:none;
}

#esempio {
    margin-left: 422px;
    position: absolute;
    margin-top: -107px;
    border: 1px solid #CF5019;
}


#guarda {
    position: absolute;
    left: -20px;
    top: 8px;
}

.wordcloud {
height: 200px;
margin: 0.5in auto;
padding: 0;
page-break-after: always;
page-break-inside: avoid;
width: 1140px;
}

h2.special {
	text-align:center;
	font-weight:bold !important;
	margin-top:0px !important;
	margin-bottom:10px !important;
}

input {
    line-height: normal !important;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
}

html, body
{
	min-width: 960px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: 'Lato', serif;
}

#myForm {
	position:relative;
}

h1,h2,h3,h4,h5, p, ul
{
    padding: 0;
    margin: 0;
}
.wraper
{
	width: 100%;
/*    background: url("../img/bg.png");
*/}
.wraper.head
{
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	height: 115px;
	background: rgba(52, 95, 148, 0.8);
	min-width: 960px;
}
.wraper.head .head-els{
	margin-top: 35px;
}
.wraper p
{
	color: #bdc3c7;
/*	font-style: italic;*/
	font-size: 14px;
	line-height: 14px;
	font-family: 'Calibri',sans-serif;
}
.head-els
{
	max-width: 1140px;
	margin: auto;
	line-height: 80px;
	position: relative;
}
.logo
{
	font-size: 26px;
	color: white;
	float: left;
	cursor: pointer;
}
.logo img
{
   
       vertical-align: middle;
        margin-right: 0px;
}

#banner {
		float:right;
		margin-top: 6px;
}

#stampa {
	
}

#topbar #facebook {
	float:right;
	color:#fff;
	margin-top:6px;
	text-decoration: none !important;
}

#topbar #facebook img {
    vertical-align: -6px;
    margin-left: 2px;
}

#topbar {
    width: 100%;
    height: 35px;
    clear: both;
    display: block;
    background-color: #274E78;
}

#topbar div {
    max-width: 1140px;
    display: block;
    margin: 0 auto;
    color: #fff;
}


ul.menu
{
	padding: 0;
	float: right;
line-height: 75px;
}
ul.menu li
{
	display: inline-block;
	list-style: none;
	padding: 0 6px;
	height: 100%;
}
ul.menu li a
{
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	text-decoration: none;
	height: 100%;
	display: block;
	padding-top: 5px;
}
header.wraper ul.menu li a.selected, ul.menu li a:hover
{
	border-top: 5px solid #F9423A;
	border-bottom: none;
	padding-top: 0px;
}
footer.wraper ul.menu.footer li a.selected, ul.menu.footer li a:hover
{
	border-bottom: 5px solid #F9423A;
	border-top: none;
	padding-top: 0px;
}

#annuncio {
    margin-top: 20px;
    margin-left: 20px;
}

.cont
{
	margin: auto;
	max-width: 1140px;
	height: 622px;
	position: relative;
}

.trial
{
		text-align: center;
		text-transform: uppercase;
		background-color: #F9423A; 
		border: 0;
		border-radius: 3px;
		width: 220px;
		margin-bottom: 60px;
		margin-left: auto;
		margin-right: auto;
		font-weight: 400;
		cursor: pointer;
}
.trial:hover
{
	    background-color: #F9423A;

}
.trial a
{
		display: block;
		text-align: center;
        color: white !important;
        text-decoration: none !important;
		font-size: 14px;
		width: 220px;
		height: 40px; 
		line-height: 40px; 

}

h1 span
{
	font-weight: bold !important;
	color: #F9423A !important;
}
.wraper_bg-bright h3
{
	color: #7f8c8d;
	font-size: 16px;
	line-height: 20px;
	padding: 0px 0px 30px 0px;
	font-weight: bold;
}
h3 span
{
	color: #F9423A;
}

.p_bottom
{
	color: #37353a;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: right;
	padding-bottom: 15px;
	text-transform: uppercase;90
}
.p_bottom span
{
	color:#F9423A;
}
.wraper.bg-raw
{
       background: #fff url("../img/bg2.jpg") no-repeat;
		background-color:#fff;
		background-attachment: fixed;
		padding-top: 115px;
        color: white;
	    overflow: hidden;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

footer.wraper
{
position:absolute;
 padding: 0px;
    background: rgb(52, 95, 148);
}

footer.wraper ul li a
{
	color: #34495e;
}

footer.wraper .logo
{
}

/*________________________________________________________________________________________*/

h2{
	font-size: 20px;
	color: #4b494f;
}
p{
	font-size: 14px;
	line-height:25px;
	color: #7f8c8d;
	text-align: left;
}
.intro_block{
	display: inline-block;
	width: 460px;
	height: 660px;
	background: url("../img/paper_top.png") top no-repeat, url("../img/paper_bottom.png") bottom no-repeat;
	
}
.intro_block .trial {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.intro_block .trial a {
    width: auto; 
}
.intro_block .trial:hover { 
	background: #29598D !important;
}
.intro_block .trial:hover a { 
	color:#fff !important;
	text-decoration:none;
}
.intro_block h1 {
	margin-top:10px !important;
    font-size: 25px !important;
    color: #295D95 !important;
}
.intro_block h1, h3{
	margin-bottom:0px !important;
	font-weight:bold !important;
	text-align: center !important;
	float: none !important;
}
.intro_h{
	color: #000 !important;
	float: right;
	width:620px;
	height: 100%;
	background-image: url('../img/foglio.jpg');
    background-repeat: no-repeat;
	background-position: top center;
}
.intro_h h1{
	margin-top: 30px;
	padding-top: 0px !important;
}
.intro_h h3.special, .intro_block h3.special{
	color: #7f8c8d;
}
.intro_h h3.special{
	margin-left: 45px;
}
#services{
	margin-top: -25px;
}

.note .trial{
	height: 40px;
}
.note .trial a{
	line-height: 40px;
}
.note p{
	color: #F9423A;
	background: none;
	text-align: center;
	width: 360px;
}
.note .trial{
	width: 360px;
	margin-bottom: 0px;
}
.note .trial a{
	width: 360px;

}

.amount-cont {
	margin: auto;
	width: 370px;
	margin-bottom: 15px;
}

  .ilike_overlayer { background:url("../img/fb_like3.png") no-repeat 0px 0px; width: 500px; height: 500px; z-index: 99999; position: fixed; overflow: hidden;
 left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translatey(-50%);
    -moz-transform: translateX(-50%) translatey(-50%);
    transform: translateX(-50%) translatey(-50%);
}


.ilike_overlayer iframe { float: left; margin: 6px 0px 0px 10px; overflow: hidden; width: 120px !important; }.ilike_overlayer div.ilike_overlayer_testo {margin:315px 8px 0px 120px;width:262px;float:left;overflow:hidden;font-size:18px;font-family:arial,helvetica,clean,sans-serif;}

.ilike_overlayer a.ilike_close { overflow: hidden; display: block; width: 20px; height: 20px; margin: 292px 0px 0px 0px; }

@media only screen and (max-width: 768px) {
	#avviso {
	float:left;
     }

#banner img {
	border: 1px solid #B9B9B9;
	width:95%;
}

#contatti {
	float:left;
    display: block;
    width: 100%;
}

body {
	overflow-x:hidden;
}
.head-els {
	max-width: none !important;	
    float: left !important;	
    max-width: 100% !important;
}

.intro_block {
	height: 720px !important;
    margin-top: 150px !important;
    background-size: cover;
	margin-left:3%;
}


#banner {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.logo { 
	width:100% !important;
}

.intro_block h1 {
font-size: 20px !important;
   margin-top: 0px !important;
}
#scegli {
    float: right;
    position: absolute;
    left: 40px;
    top: 86px;
}

#intro {
    margin-bottom: -24px;
    padding-top: 70px;
}


.intro_h {
   display:none;
}
.intro_block h1 {
    padding-top: 110px !important;
}

.intro_block .trial {
    width: 100% !important;
}

#novita {
    display: none !important;
}

#topbar #facebook {
    float: left;
    margin-left: 15px;
}

.trial {
    margin: 0;
}

.trial a {
	font-size: 25px;
    font-weight: bold;
    top: 27px !important;
	height:24px !important;
	line-height: 15px;
    display: block !important;
    width: 100%!important;
}

.wraper.head {
    position: absolute;
}

.wordcloud {
 width:100% !important;
}

.zopim {
	display:none;
}	

}


@media only screen and (min-width: 769px) and (max-width: 1097px) {



.cont {
max-width:100%;
overflow: scroll;
}


.wraper {
	width:115%;
}

}