@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fullShadow{
	width:100%;		
	-moz-box-shadow: 	0 5px 10px #ccc,
					 	0 -5px 10px #ccc;
	-webkit-box-shadow: 0 5px 10px #ccc,
					 	0 -5px 10px #ccc;
	box-shadow: 		0 5px 10px #ccc,
						0 -5px 10px #ccc;
	zoom: 1;
      filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);	
}
#dvLoading {
   background:#fff url(../images/loader.gif) no-repeat center center;
   height: 100%;
   width: 100%;
   position:absolute;
   z-index: 1000;
   left: 0;
   top: 0;
   margin: 0;
}
body {
	padding:0;
	margin:0;
	font-family: 'open_sansregular', Arial, sans-serif;
}
img{ border:0}




#Container{
	width:100%;
	max-width:620px;
	height:auto;
	max-height:572px;
	padding:0;
	margin:0;
	overflow: hidden;
	position: relative;
	border-bottom:10px solid #A81D41;
}

.stripBlack { height: 20px; width: 100%; background-color: black; }

#slideshow {
    position:relative;
	width:100%;
    max-width: 620px;
    min-height:308px;
	height:auto;
	overflow:hidden;
}
#slideshow div.cont {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:100%;
    max-width: 620px;
	height:auto;
    max-height: 428px;
    opacity:0.0;
	background-color:white;
}
#slideshow div.active {z-index:10;opacity:1.0;}
#slideshow div.last-active {z-index:9;}

.multiStrip{ height:30px; width:100%; background:#fff url(../images/bgMultiStrip2.png) repeat-x; }


#FormBox{margin:0 0 0 0; text-wrap:none; overflow:hidden}
#FormBox img {width:51px; height:52px; border:0; vertical-align:top; margin: 0 0 0 20px;}
input#url {border:2px solid #A81D41; width:134px; height:30px; margin: 4px 0 0 20px; color:#A81D41; font-size: 20px; font-weight:bold}
input#submitHp {background:url(../images/calcolaBtn.png); padding: 0; border:2px solid #A81D41;  font-size: 20px; width:140px; height:32px; margin: 5px 0 0 20px; cursor:pointer}

.formWrp{ float:left; padding-bottom:10px;}

.redStrip{width:100%; height: 15px; display: block; background-color: #ac1c40; }

img.anno{
	width:100%;
    max-width: 620px;
	height:auto;
    max-height: 275px;
    display: block;
}


.total{float:none; overflow:hidden; width:300px; margin:0 auto}
.euro { float:left; padding-left:10px; margin-top:10px; width:49px; height:auto}
.cifra{font-family: 'open_sansbold', Arial, sans-serif; font-size: 40px; color:#ac1c40;}
.cifraBox{ text-align:right; margin-top:10px; min-width: 176px; /*height: 80px; margin-top: 70px;*/ float: left; }



.btnReplay {
	width:300px;
	float:none;
	margin:4px auto 0 /*60px*/ auto;
}

input#submit {
	background:url(../images/rigioca.png);
	border:0 solid #A81D41;
	width:140px;
	height:32px;
	display:block;
	font-size: 20px;
	padding: 0;
	float: left;
	margin: 0 0 10px 0 /*110px*/;
	cursor:pointer
}
input#submit2 {
	background:url(../images/approfondisci.png);
	border:0 solid #A81D41;
	width:140px;
	height:32px;
	display:block;
	font-size: 20px;
	padding: 0;
	float:right;
	margin: 0 0 10px 10px /*110px*/;
	cursor:pointer
}

.txtResult   {
	padding: 14px;
	font-size: 14px;
	color: #242223;
	background-color: #e3e4e6;
	line-height: 17px;
	float:left;
} 

.text-intro {margin:4px 20px 18px 20px; font-size: 14px;}


@media screen and (min-width: 380px) {
	#slideshow {
    min-height:358px;	
}
}

@media screen and (min-width: 460px) {
	#slideshow {
    min-height:388px;	
}	
}
/* THE MEDIA QUERY
-------------------------------------------------- */
@media screen and (min-width: 520px) {

input#url { width:192px; height:30px; margin: 4px 0 0 20px;}
.text-intro {margin:19px 20px 33px 46px; font-size: 16px;}
#FormBox img {margin: 0 0 0 46px;}

#slideshow {
	height:auto;
    min-height:398px;
}

.total{float:left;  width:auto; margin:0 0 }	
.euro { float:left; padding-left:30px; width:59px; height:auto}
.cifra{font-family: 'open_sansbold', Arial, sans-serif; font-size: 50px; color:#ac1c40;}
.cifraBox{ text-align:right; min-width: 226px; float: left; }

.btnReplay {
	width:auto;
	float:left;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:0;
}
input#submit {background:url(../images/rigioca.png); padding: 0; border:0 solid #A81D41; float: none; font-size: 20px; width:140px; height:32px; margin: 5px 0 3px 0 /*110px*/; cursor:pointer}
input#submit2 {background:url(../images/approfondisci.png); padding: 0; border:0 solid #A81D41; float: none; font-size: 20px; width:140px; height:32px; margin: 3px 0 10px 0 /*110px*/; cursor:pointer}

.txtResult   { padding: 14px 65px 10px 45px; font-size: 16px; color: #242223; background-color: #e3e4e6; line-height: 19px;} 
		
}