@charset 'UTF-8';
/** {
    font:italic bold 12px/30px Georgia, serif !important;
}
*/
body,ul,h1,h2,h3,h4,legend,p { 
  margin: 0 ;
  padding: 0 ;

}
ul {
	list-style-type:none ;
}

body {
  font-family: "Bitstream Vera Sans","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3",sans-serif ; 
  background : white ;
  font-size: 90% ;
}

#dalto table ,#dx table, abbr { 
  font-family: "Courier New" , Courier, monospace ;
}
h1,#dalto strong , span.tempo { 
  font-family: "Times New Roman","Bitstream Vera Serif","New Century Schoolbook","Hiragino Mincho Pro","MS PMincho","ヒラギノ明朝 Pro W3",Times,serif; 
}
div#wrapper { 
  position: relative ;
 
  padding: 0.2em  0.5em;
}
ul#language_selector {
  margin: 0 0 1em 100px ;	
}

a#menu_placeholder {
	top : 0.3em ;
}

.clearfix:after {
	content: "" ;
	display: block ;
	height:0 ;
	width:0;
	clear:both ;
	visibility: hidden ;
}
	

div#wrapper_top p {
	float:left ;
}


h1 {
	margin : 0.2em 25px 0.2em 0;
	font-size: 160% ;
	letter-spacing: 1px ;
	text-align:center ;
}

h2 { 
  clear: both ;
  font-size : 120% ;
  margin :0.8em 0 0;
}

h3 { 
  font-size : 110%;
  padding : 0.2em 0   ;
  color: black ;
}
h2,h3 {
	text-align :center ;
}

/*fieldset {
	border: 1px solid #cbcbcb;
	padding: 0 0.5em 0 ;
	margin: 1.5em 0 ;
}*/
legend {
	color:black ;
	padding : 0  ;
}
#share_btns {
	margin : 0.8em 0 ;
}
#share_btns div {
	display: table ;
	width: auto ;
	margin : 0 auto ;
}

ul#algo_selector li {
	
	display: block ;
	clear: left ;
	
	overflow:auto ;
	margin : 0.4em 0 0.4em 1em ;
}

ul#algo_selector li >span input  {
    margin: 0 5px 5px ;
}
ul#algo_selector li >span {
    float: left ;
    width: 2em ;
    text-align : right ;
}

ul#algo_selector li>div {
    margin-left: 2em ;
}

ul#algo_selector div.dettagli {
	margin: 0.2em 0 0;
}
tr.cbdiff {
	display:none ;
}
tr.lumi td:first-child {
	text-align:right ;
}
p#artad {
  padding: 10px;
  margin: 0.1em 0 0.8em;
  min-width: 50%;
  border: 1px solid #74FF79;
}

div#notes p { 
  margin: 0.8em 0 ;
}
	
#sopra { 
	clear:left ;
	width:100% ;
	position: relative ;
}
#menulaterale {
	margin: 0.5em 0 0.5em 15%;
}
#menulaterale ul#ridimensiona {
	white-space: nowrap ;
	display: none ;
}
#wrapperImg {
	position : relative ;
	margin : 0 35px 0 0;
	max-width:300px ;
}

#barra {
	position : absolute ;
	right :0 ; 
	top :0 ; 
	height : 100% ;
	width: 16% ;
}

#barra img {
	position: absolute ;
	top:0 ;
	left:0 ;
	bottom :0 ;
	right :0 ;
	width:100% ;
	height : 100% ;
	margin : 0;
}
#wheel {
	width: 80% ;
}
#wheel img {
	width: 100% ;
	/*height: 100% ;*/
}
td { 
  vertical-align: top ;
} 

div.immagini { 
  white-space: nowrap ;
  display:block ;
  position: relative ;
}

	
#dx { 
  clear: left ;
  
}

.immagini a { 
  background:transparent ;
  display:block ;
}

.immagini img{ 
	display:block ;
}
.immagini img:focus {
	outline:none ;
}


#menulaterale li {
  display:inline-block;
  margin : 0.3em 0.5em 0.3em 0 ;
 
  background: transparent ;
}
#menulaterale ul {
	display : block ;
	text-align : center ;
}
	
#menulaterale li:last-child {
	margin-right :0 ;
}
#menulaterale input {
	margin :0 ;
}

ul#bottoni a {
    border : 2px gray outset ;
    border-width: 1px 2px ; 
    border-radius: 3px ;
    color : black ;
    background-color: transparent ;
    display: block ;
    padding : 0 0.3em ;
    text-decoration: none ;
    line-height: 1.5em ;
    text-align : center ;
}

ul#bottoni a:hover , ul#bottoni a:focus ,a.bottone:hover , a.bottone:focus {
    border-style : inset;
}


#dalto table ,#dx table {
	margin:auto;
}

#dalto table td, #dx table td{
	vertical-align : middle ;
	padding-right: 0.5em ;
}
	
#dx h3 { 
  text-align: center ;
}

img {
  border : 0 ;
  padding : 0 ;
}

#esempio0 { 
  clear: left ;
  margin: 0.4em 0;
}
#esempio0 h4 {
	display: inline ;
	font-weight: normal ;
	font-size: 120% ;
}

#dalto > div > div ,.esempio0 { 
  padding : 0.3em;
}
#dalto >div > div  {
	padding-bottom: 0.8em ;
	margin-bottom: 0.5em ;
}
.solido {
    white-space: nowrap ;
}
abbr,.conlegenda {
  cursor: help ;
  border-bottom : 1px dotted ;
  display:inline-block ;
}


p#ok { 
	position:absolute ;
	z-index : 5 ;
	left :0 ;
	top :0 ;
	width : 15% ;
	max-width : 50px ;
}
p#ok img {
	width: 100% ;
}


#notes { 
  padding-bottom: 0.1em ;
}

form { 
  display : inline ;
}
em.star { 
  font-style: normal ;
  font-size: 90% ;
  vertical-align: super ;
}
p#hex_value { 
  margin:  0  0 1em  1em ;
  text-align: left ;
}
p#hex_value em.star { 
  margin-left: -1em ;
}

input[type=text] ,#artad ,fieldset,.esempio0 ,#dalto >div >div {
	border-radius: 4px ;
	
}

#dalto strong {
	font-weight: normal;
	font-size: 120% ;
}

#adwords {
	display : none ;
}
div#notes p#copyright {
	margin-bottom: 0 ;
}
#wrapperUpdateTable {
	text-align : center ;
	vertical-align :top ;
}
#wrapperUpdateTable >div {
	display: inline-block ;
	vertical-align :top ;
}
#sampletext {
	display: none ;
}

#adwords_mobile {
	width: 300px ;
	height: 250px ;
	display: table ;
	margin : 0 auto ;
}
.ie7down ul#algo_selector li >div {
	padding-top :0.2em ; 
	
}

/*.ie7down div#adwords_and_info {
	overflow: auto ;
}
.ie7down div#adwords_and_info > div p {
	float: left ;
}*/
.ie7down p#info {
	clear: left ;
	margin: 0.6em 0;
	width: 100% ;
}

.ie7down #menulaterale li {
	float:left ;
}
.ie7down #wrapperImg {
	clear: left ;
}
.ie7down #adwords {
	display : block ;
}
.ie7down #adwords_mobile {
	display: none ;
}
/*.ie7down body {
	background:red ;
}*/
.miniNav {
	display: none ;
}
.nav a {
	background: rgb(255, 204, 92);
}
@media all and (min-width: 390px) {
	#wrapperImg {
		margin : 0 auto;
		width: 95% ;
	}
}
@media all and (min-width: 470px) {
       ul#algo_selector li >span {
      	  width: 10% ;
	  min-width : 1.2em ;
        }

       ul#algo_selector li>div {
           float : left ;
	   width : 90% ;
	   margin-left : 0 ;
       }

	#adwords {
		display : block ;
		width: 468px ;
		height: 60px ;
	}
	
	#adwords_mobile {
		display: none ;
	}
}
@media all and (min-width: 470px) and (max-height: 450px) {
	
	#wrapperImg {
		float: left ;
		width:300px ;
	}
	#sampletext {
		display : block ;
		margin-left: 310px ;
	}
	#sampletext:after{
		display: block ;
		content:"Lorem ipsum dolor sit amet, consectetuer \
		adipiscing elit. Quisque pede felis, consequat sit amet, \
		congue in, 1234 ultrices id, orci.Phasellus quam lacus, mollis \
		nec, interdum et, malesuada nec, mauris. Nulla facilisi.";
		color: inherit ;
	}
	#dx {
		margin-top: 1em ;
	}
}
@media all and (min-width:  37.5em) {
	h1 {
		text-align: center ;
		margin-left: 25px ;
		margin-right: 25px ;
	}
	.wheel body > div {
		margin: 5px ;
	}
	.nav {
		-moz-box-shadow: 5px 5px 5px rgb(121, 69, 23);
		-webkit-box-shadow: 5px 5px 5px rgb(121, 69, 23);
		box-shadow: 5px 5px 5px rgb(121, 69, 23);
		text-align: left ;
		margin : 1% 0 0;
		padding: 0.9% ;
		clear: both ;
		background : #fff7bf ;
		border-radius: 15px ;
		background :rgb(233, 191, 100)/*rgb(228, 149, 78)*/ ;
		background: rgba(233, 191, 100,0.75) ;
	}
	
	.nav li {
	        margin : 0  1em 0 0;
	        display : inline ;
	        padding : 0 ;
	}
	.nav li:last-child {
		margin-right:0 ;
	}
	.nav a {
		display: inline ;
		background-color: transparent ;
		padding : 0 ;
		margin: 0 ;
		border-radius : 0 ;
	} 
	.nav a:hover {
		text-decoration : underline ;
		background: white ;
		-moz-transition: none;
		-webkit-transition: none ;
		-o-transition: none ;
		transition: none ;
	} 
}
@media all and (min-width: 48em) {
	
	a#menu_placeholder {
		display : none ;
	} 
	div.alternate_versions {
		position : absolute ;
		text-align:right;
		top:0 ;
		right: 0 ;
		margin: 0.2em 0 ;
		
	}
	div.alternate_versions label {
		margin :0 0.5em ;
	}
	div.alternate_versions select {
		margin :0 ;
	}
	.wheel .miniNav {
		display: block ;
		float: right ;
	}
	.wheel .nav {
		display: none ;
	}
	.wheel div.alternate_versions {
		position: absolute ;
		right: 80px ;
		top :1.9em ;
		padding-top : 11px ;
		left: 50%;
		margin-left: 25px ;
		text-align : center ;
	}
}
	
@media all and (min-width: 49.375em) {
	input[type=text] {
		width :5em ;
	}
	p#artad {
		width: 50%;
	}
	
	#sopra >div >#sampletext {
		display: none ;
	}
	#sopra,#dalto {
		display: table ;
		width: auto ;
		border-collapse: collapse;
	/*	border: 1px dashed red ;*/
	}
	#sopra > div ,#dalto > div {
		display : table-row ;
	}
	#sopra > div > div,#dalto > div > div {
		display: table-cell ;
		
		vertical-align : top ;
	}
	#wrapperIntermedio > div > div {
		float:right ;
		width : 60% ;
		margin: 1em 0;
	}
	#wrapperIntermedio > div > div:first-child {
		width: 38% ;
		margin-left: 2% ;
	}
	
	/*#wrapperIntermedio > div > div:first-child {
		width: 50%;
	}*/
	#dx {
		clear: none ;
		margin-top : 0 ;
	}
	#esempio0 {
		margin-top : 0 ;
	}
	div.immagini {
		display : inline-block ;
	}
	#barra {
		position:static ;
		height: auto ;
		width : auto ;
	}
	#barra img {
		position: static ;
	}
	#sopra > div > p#ok {
		display : none ;
	}
	
	
	#wrapperImg {
		max-width: none ;
		white-space: nowrap ;
		width: auto ;
	}
	#menulaterale {
		padding-top : 2em ;
	}
	#menulaterale ul {
		text-align : left ;
	}
	#menulaterale li {
		float: none ;
		display : block ;
		margin-top :1em ;
		margin-bottom : 1em ;
	}
	#bottoni li {
		width: 10em ;
	}
	
	div#adwords_and_info {
		display : table ;
		clear: both ;
		width: 100% ;
	}
	div#adwords_and_info > div {
		display :table-row ;
	}
	div#adwords_and_info > div p {
		display :table-cell;
		float: none ;
		padding: 0 .5em .5em ;
		vertical-align : top ;
		text-align : center ;
	}
	div#adwords_and_info > div p:first-child {
		text-align : left ;
		padding :0 1em 0 0 ;
	}
	
	
	div.immagini , div#wheel {
		width : auto ;
	}
	#wheel img { 
		width : 256px ;
		height: 256px ;
	}
	#barra img { 
		width : 32px ;
		height : 260px ;
		padding: 0 30px ;
	}
	#menulaterale ul#ridimensiona  {
		margin-top : 3em ;
		display : block ;
	}
	/*#wrapperIntermedio {
		margin: 0.5em 0 ;
		width: 100% ;
	} */
	#wrapperIntermedio > div > div  {
		vertical-align : middle ;
		text-align:center ;
	}		
	#wrapperIntermedio > div ul#algo_selector {
		text-align : left ;
	}
	#dalto >div > div:after,#sampletext:after{
		display: block ;
		content:"Lorem ipsum dolor sit amet, consectetuer \
		adipiscing elit. Quisque pede felis, consequat sit amet, \
		congue in, 1234 ultrices id, orci. Phasellus quam lacus, mollis \
		nec, interdum et, malesuada nec, mauris. Nulla facilisi. Ut \
		pharetra dignissim risus. Etiam at \
		sapien et leo porta accumsan. Praesent lacus lectus, \
		elementum quis, lobortis vitae, egestas non, \
		dui.";
		color: inherit ;
	}
	p#ok {
		position:static ;
		float : left ;
		width: 15% ;
		margin : 0 auto ;
	}
	
	p.nav.sopra { 
		display: block ;
	}
	
	p.nav {
	  line-height : 1.2 ;
	  width: 60px ;
	  height: 60px ;
	  
	  background-repeat: no-repeat ;
	  background-image: url("../images/bottonedownpiccolo.png") ;
	}
	p.nav.sopra { 
		margin-top:0.5em ;
	}
	p.nav.sotto { 
		margin-top: -60px ;
	}
	div#notes p#copyright {
		margin-right: 70px ;
	}
	

}