@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,600);

/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
/*table, caption, tbody, tfoot, thead, tr, th, td*/ {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0;
}
hr {
  size:1px;
  height:1px;
  width:90%;
  /*border-style:dotted;*/
  border: 0;
  border-bottom: solid 1px #e16da3;
  
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */
@media all{
	#clear_left {
		clear:left;
	}
	#clear_right {
		clear:right;
	}
	.clear_left {
		clear:left;
	}
	.clear_right {
		clear:right;
	}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-family: 'Titillium Web', sans-serif;
		color: #231f20;
		background:#ffffff;
		width:100%;
        overflow-x: hidden;
		background-color: #ffed11;
		/*background-image: url(/res/img/bg-pattern.jpg);*/
		/*background-repeat: repeat;*/
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	
	.center{text-align: center;}
	
	.font13{font-size: 12px;}
	.font16{font-size: 16px;}
	.font20{font-size: 20px;}
	.font26{font-size: 24px;}
	/*.font40{font-size: 40px;}
	.font50{font-size: 50px;}*/
	
	/*.fontweight200{font-weight: 200;}
	.fontweight400{font-weight: 400;}*/
	.fontweight700{font-weight: 700;}
	
	/*.lineheight10{line-height: 1em;}*/
	.lineheight12{line-height: 1.2em;}
	.lineheight15{line-height: 1.5em;}
	.lineheight20{line-height: 2em;}
	
	.colorfff{color:#fff;}
	.colorfff a, .color000 a:link{ color:#fff; text-decoration:none;}
	.colorfff a:hover, .colorfff a:focus, .colorfff a:active{color: #fff;}
	
	.colornero{color:#231f20;}
	.colornero a, .colornero a:link{ color:#231f20; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{color: #01abeb;}
	
	.rosamenu{color:#185faf;}
	.rosamenu a, .rosamenu a:link{ color:#185faf; text-decoration:none;}
	.rosamenu a:hover, .rosamenu a:focus, .rosamenu a:active{color: #01abeb;}
	
	
	.bggiallo{background-color: #ff0;}
	.bgrosa{background-color: #f66db7;}
	.bgarancione{background-color: #ffa317;}
	.bgverde{background-color: #5fe33e;}
	.bgrosso{background-color: #ff0000;}
	.bgazzurro{background-color: #54d8fe;}
	
	
	.bghome{
		background-image: url(/res/img/all/bg-home.png);
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
	.bginterna{
		background-image: url(/res/img/all/bg-interna.png);
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
	.bgtestilunghi{
		background-image: url(/res/img/all/bg-testilunghi.png);
		background-position: 50% 0;
		background-repeat: no-repeat;
	}	
	/* sono visibilità in base alla dimensioni dello schermo */
	.uno{display: block;}
	.due{display: none;}
	.unodue{display: block;}
	.tre{display: none;}
	
	
	#servizi1{display: block;}
	#servizi2{display: none;}
	#servizi3{display: none;}
	#servizi4{display: none;}
	#servizi5{display: none;}
	#servizi6{display: none;}
	#servizi7{display: none;}
	#servizi8{display: none;}
	#servizi9{display: none;}
	#servizi10{display: none;}
	#servizi11{display: none;}
	#servizi12{display: none;}
	#servizi13{display: none;}
	#servizi14{display: none;}
	#servizi15{display: none;}
	#servizi16{display: none;}

	#imgservizi0{display: block;}
	#imgservizi1{display: none;}
	#imgservizi2{display: none;}
	#imgservizi3{display: none;}
	#imgservizi4{display: none;}
	#imgservizi5{display: none;}
	#imgservizi6{display: none;}
	#imgservizi7{display: none;}
	#imgservizi8{display: none;}
	#imgservizi9{display: none;}
	#imgservizi10{display: none;}
	#imgservizi11{display: none;}
	#imgservizi12{display: none;}
	#imgservizi13{display: none;}
	#imgservizi14{display: none;}
	#imgservizi15{display: none;}
	#imgservizi16{display: none;}
	
	#popup{
		position: absolute;
		width: 100%;
		top: 10px;
	}
	.popupcontainer{
		max-width:660px;
		width:100%;
		margin:0 auto;
		background-color: #ff8000;
	}
	.popupmargin{
		padding: 10px 20px 20px 20px;
	}
	.chiudipopup{
		float: right;
		margin: 0 0 10px 0;
	}

	/*#popup img{
		max-width: 700px;
	}*/
	
	#container{
		max-width:970px;
		width:100%;
		margin:0 auto;
		/*background-color: #f0f;*/
	}
	/* MENU */
	#fasciamenu{
		height: 330px;
		/*background-color: #943;*/
	}

	#menu{
		padding: 20px 0 0 2%;
		float: left;
		width: 31%;
		/*background-color: #009;*/
    /*font-size: 23px;*/
	}
	#logo{
		float: left;
		width: 33%;
		text-align: center;
		/*background-color: #159;*/
	}
	#bandiere{
		float: left;
		width: 34%;
		/*background-color: #f59;*/
		text-align: right;
		
	}
	/* FINE MENU */
	
	
	#hsx{
		margin: 0 0 0 0;
		padding: 60px 0 0 0;
		float: left;
		width: 398px;
		text-align: center;
		/*background-color: rgba(255,0,0,0.5);*/
	}
	#testi{
		padding: 40px 0 0 0;
		height: 358px;
		/*background-color: rgba(255,255,0,0.5);*/
	}
	#testihome{
		padding: 40px 0 0 0;
		height: 358px;
		/*background-color: rgba(0,255,0,0.5);*/
	}
	#hdx{
		float: left;
		width: 572px;
	}
	#sx2{
		margin: 0 0 0 0;
		/**padding: 45px 0 0 0;*/
		padding: 30px 0 0 0;
		float: left;
		width: 398px;
		text-align: center;
		/*background-color: #f00;*/
	}
	#dx2{
		float: left;
		width: 542px;
		height: 542px;
		padding: 0 0 0 30px;
	}
	#testilunghi{
		width: 630px;
		height: 500px;
		margin: 85px 0 180px 190px;
		overflow: auto;
		/*background-color: #00f;*/
	}
	.prize{
		float: left;
		width: 47%;
		padding: 0 3% 0 0;
	}
	/* BOTTOM */
	#bottomsx{
		float: left;
		width: 400px;
		text-align: center;
	}
	#bottomdx{
		float: left;
		width: 570px
	}
	/* FINE BOTTOM */
	table{
		border-collapse:collapse;
		/*border: 1px solid #671;*/
	}
	table.pricing td{
		text-align:left;
		border-spacing: 0;
		border-left: 1px solid #f545d7;
		text-align:center;
		padding:1px 0 1px 0;
		margin:0;
		width: 30px;
	}
	table.pricing td:first-of-type{
		width:100px;
		font-weight: bold;
		border-left: none;
	}
	table.pricing tr{
		border-bottom:1px solid #f545d7;
	}
	table.pricing tr:last-child{
		border-bottom: none;
	}
	table.pricing tr:first-of-type{
		font-weight: bold;
	}
	
	#loader{
		position: absolute;
		width: 541px;
		padding: 223px 0 0 0;
		/*background-color: #369;*/
		text-align: center;
    display: block;
	}
}

@media all and (max-width: 1020px){
	.uno{display: none;}
	.due{display: block;}
	.unodue{display: block;}
	.tre{display: none;}
	
	.font16{font-size: 16px;}
	.font20{font-size: 20px;}
	.font26{font-size: 22px;}
	
	.bghome{
		background-image: url(/res/img/1020/bg-home.png);
		background-position: 50% 0px;
		background-repeat: no-repeat;
	}
	.bginterna{
		background-image: url(/res/img/1020/bg-interna.png);
		background-position: 50% 0px;
		background-repeat: no-repeat;
	}
	#container{
		max-width:680px;
		/*background-color: #f0f;*/
	}

	
	
	#hsx{
		margin: 20px 0 0 0;
		padding: 25px 0 0 0;
		width: 398px;
	}
	/*#testi{
		height: 391px;
	}*/
	/*#testihome{
		padding: 40px 0 0 0;
		height: 358px;
		background-color: rgba(255,255,0,0.5);
	}*/
	#hdx{
		width: 282px;
		/*background-color: #f00;*/
	}
	#sx2{
		padding: 95px 0 0 0;
		/*background-color: #369;*/
	}
	#dx2{
		float: left;
		width: 282px;
		height: 282px;
		padding: 0 0 0 0;
		/*background-color: #ff0;*/
	}
	#testilunghi{
		margin: 85px 0 180px 40px;
	}
	/* BOTTOM */
	#bottomsx{
		padding: 0 0 20px 0;
		width: 100%;
		text-align: center;
	}
	#bottomdx{
		width: 100%;
		text-align: center;
	}
	/* FINE BOTTOM */
	#loader{
		position: absolute;
		width: 282px;
		padding: 90px 0 0 0;
		/*background-color: #369;*/
		text-align: center;
	}

}

@media all and (max-width: 735px){
	body{
		background-attachment: fixed;
	}
	
	.uno{display: none;}
	.due{display: none;}
	.unodue{display: none;}
	.tre{display: block;}
	
	.font16{font-size: 14px;}
	.font20{font-size: 20px;}
	.font26{font-size: 26px;}
	
	.bghome{
		background-image: url(/res/img/735/bghome.png);
		background-position: 50% 0;
		background-repeat: repeat-y;
		/*background-image: none;*/
	}
	.bginterna{
		background-image: url(/res/img/735/bginterne.png);
		background-position: 50% 0;
		background-repeat: repeat-y;
		/*background-image: none;*/
	}
	.bgtestilunghi{
		background-image: url(/res/img/735/bginterne.png);
		background-position: 50% 0;
		background-repeat: repeat-y;
		/*ackground-image: none;*/
		
	}	
	#container{
		max-width:285px;
		/*background-color: #f0f;*/
	}
	
	/* MENU */
	#fasciamenu{
		height: auto;
		/*background-color: #943;*/
	}
	#menu{
		text-align: center;
		padding: 0 0 0 0;
		width: 100%;
    /*font-size: 23px;*/
		/*background-color: #009;*/
	}
	#logo{
		width: 100%;
		/*background-color: #159;*/
	}
	#bandiere{
		width: 100%;
		margin: 10px 0 10px 0;
		/*background-color: #f59;*/
		text-align: center;
		
	}
	/* FINE MENU */
	
	
	#hsx{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
	}
	#testi{
		margin: 45px 0 5px 0;
		height: auto;
	}
	#testihome{
		height: 300px;
		margin: 45px 0 0 0;
	}
	/*#testi{
		padding: 40px 0 0 0;
		height: 358px;
		background-color: rgba(255,255,0,0.5);
	}*/
	
	#hdx{
		width: 100%;
		/*background-color: #369;*/
	}
	#sx2{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
	}
	#dx2{
		display: none;
	}

	#servizi0{
		display: block;
		padding: 0 0 50px 0;
	}	
	#servizi1{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi2{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi3{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi4{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi5{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi6{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi7{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi8{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi9{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi10{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi11{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi12{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi13{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi14{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi15{
		display: block;
		padding: 0 0 50px 0;
	}
	#servizi16{
		display: block;
		/*padding: 0 0 50px 0;*/
	}
	
	#testilunghi{
		width: 100%;
		height: auto;
		margin: 110px 0 40px 0;
		overflow: hidden;
		/*background-color: #0ff;*/
	}
	.prize{
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
	}

	table.pricing2 td{
		text-align:left;
		border-spacing: 0;
		border-left: 1px solid #f545d7;
		text-align:center;
		padding:1px 0 1px 0;
		margin:0;
		width: 30px;
	}
	table.pricing2 td:first-of-type{
		border-left: none;
	}
	table.pricing2 tr{
		border-bottom:1px solid #f545d7;
	}
	table.pricing2 tr:last-child{
		border-bottom: none;
	}
	table.pricing2 tr:first-of-type{
		font-weight: bold;
	}
	
	/* BOTTOM */
	#bottomsx{
		padding: 0 0 20px 0;
		width: 100%;
		text-align: center;
	}
	#bottomdx{
		width: 100%;
		text-align: center;
	}
	/* FINE BOTTOM */
}