/*------------------------------------------------------- general rules ------------------*/

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}


.green {
  color: #292727;
}

.wood{

background:#fff;

}



.lines{


background: url(../images/lined_paper.png);
padding:10px;
border:1px dashed #8acef3;


}



.riquadro{


	background: url(../images/lined_paper.png);
/* 	border-radius: 5px; */
	padding: 10px;
	border:1px dashed #ccc;
	margin: 0 0 0 0;


}


.widget{
	
	outline: none;
	border:none;
	
}

.widget img{
	
	outline: none;
	border:none;
	
}


/*------------------------------------------------------- form properties ------------------*/

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

input:focus,
textarea:focus {
	background-color: #ebe8d7;
}


form input, form textarea {
	border-top:0;
	border-left:0;
	border-right:0;
	-webkit-appearance: caret;
	font-style: normal;
	font-weight: normal;
	margin: 0 0.5em;
	padding:5px;
}



#localStorageForm textarea{

	width:98%;
	background: #aad4ff;
	font-family: "source_sans_proregular";

}

form input:focus {
	/* border-bottom: 1px dashed #aad4ff; */ 
}

.input{

  font-weight: normal;


}


#localStorageForm fieldset p{
	margin-left:10px;
	margin-bottom: 5px;
	padding-bottom: 0;
	
}



#localStorageForm fieldset {
	margin:1em 0;
	color: #000;	
/* 	background: #7ea63f; */
/* 	border-radius: 5px; */
	padding:10px;
/* 	font-size: 120%; */
/* 	border:1px dashed #8acef3; */
	
}

#localStorageForm fieldset input{

	width:25%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;

}


#localStorageForm fieldset input.fullWidth{

	width:96%;
	background: #aad4ff;
	height: 30px;

}


#localStorageForm fieldset input:focus{

	background: #ebe8d7;

}

#localStorageForm fieldset input.ottanta{

	width:90%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;

}


#localStorageForm fieldset input.quaranta{

	width:40%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;

}

#localStorageForm fieldset input.jolly{

	width:18%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;

}

#localStorageForm fieldset input.jolly:focus{
	background: #ebe8d7;

}

#localStorageForm fieldset input.ottanta:focus{

	background: #ebe8d7;

}

#localStorageForm fieldset input.quaranta:focus{

	background: #ebe8d7;

}


/* ---------------------------------------------------------- segneform */

.segneForm fieldset {
	margin:1em 0;
	color: #000;	
	
}


.segneForm fieldset p{
	margin-left:10px;
	margin-bottom: 5px;
	padding-bottom: 0;
}


.segneForm fieldset input{

	width:94%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;


}


.segneForm fieldset input.ore{

	width:90%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;


}


.segneForm fieldset input:focus{

	background: #ebe8d7;

}




fieldset input.shortWidth{

	width:30%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;

}




.segneForm fieldset input.short{

	width:8%;
	background: #aad4ff;
	height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;


}

.segneForm fieldset input.short2{

	width:10%;
	background: #fff;
	height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;


}

.segneForm fieldset input.short:focus{

	background: #ebe8d7;

}

/*
responsive iframe

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}


.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/



/* ---------------------------------------------------------- i box per il disegno */



#box{
	
	position:relative;
    width:550px;
    height:400px;
    background-color:#fff;
    margin:80px auto 20px auto;	
	border:10px solid black;
	
	
}


#boxLungo{
	
	position:relative;
    width:550px;
    height:900px;
    background-color:#fff;
    margin:80px auto 20px auto;	
	border:10px solid black;
	
	
}


#box768{
	
	position:relative;
    width:550px;
    height:768px;
    background-color:#fff;
    margin:80px auto 20px auto;	
	border:10px solid black;
	
	
}


#box1483{
	
	position:relative;
    width:550px;
    height:1448px;
    background-color:#fff;
    margin:80px auto 20px auto;	
	border:10px solid black;
	
	
}


#toolbar {
	width: 100%;
	height:50px; 
	background: #000;
	position:relative;
	border-bottom:1px solid #b0b0b0;
}



.cbutton{
/*
	padding:7px;
	margin:8px 0px 0px 10px;
	float:left;
*/
position: absolute;
top: 14px;
left: 15px;

}


a .cbutton img{
outline: none;
border:none;

}


.cbutton:active{
	 
	background-color:#e0e0e0;
}

.istr{
	padding-top:12px;
	margin:0 auto;
	width: 550px;
	color: #fff;
	font:normal 16px tahoma,Arial,sans-serif;
	text-align: center;
}



/* ------------------------------ -------------------  layout doppia colonna */

.span6L {
    width: 48.61878453038674%;
    float:left;
    margin:2% 1% 7% 0;
  }


.span6R {
    width: 48.61878453038674%;
    float:right;
    margin:2% 0 7% 1%;
  }





ul.listAiut li{

list-style: none;
padding:1% 0 1% 0;
border-bottom: 1px dotted black;
width: 90%;
text-align: center;


}






/* -------------- complete ----------*/



#complete_container, #complete_container2  {
	position:relative;
	background: url(../images/lined_paper.png);
	padding: 10px;
	border:1px dashed #ccc;
	margin-bottom: 9%;

}


#complete_container .complete_row {
	margin:1em 0;
	color: #000;	
	border-radius: 5px;
	padding:10px;
	
}



#complete_container2 .complete_row {
	margin:1em 0;
	color: #000;	
	border-radius: 5px;
	padding:10px;
	
}


.snaptarget{
	display: inline-block;
	height: 3px;
	width:18%;
	background: #C3EC9B;
	margin-bottom: -10px;



}

.snaptarget2{
	display: inline-block;
	height: 3px;
	width:95%;
	background: #C3EC9B;
	margin-bottom: -10px;



}

.scrambled{
	padding: 1%;
	float:right;
	width: 190px;
	border:3px dashed #aad4ff;
	margin-top: -500px;
	margin-right: 50px;

}



#complete_container2 .scrambled{
	padding: 1%;
	float:right;
	width: 190px;
	border:3px dashed #aad4ff;
	margin-top: -400px;
	margin-right: 50px;

}


#complete_container .scrambled3{
	padding: 1%;
	float:right;
	width: 190px;
	border:3px dashed #aad4ff;
	margin-top: -300px;
	margin-right: 50px;

}


#complete_container .scrambled4{
	padding: 1%;
/* 	float:right; */
	width: 580px;
	height: 120px;
	border:3px dashed #aad4ff;
	margin-top: 50px;
	margin-left: 10px;

}


#complete_container .scrambled5{
	padding: 1%;
/* 	float:right; */
	width: 580px;
	height: 180px;
	border:3px dashed #aad4ff;
	margin-top: 50px;
	margin-left: 10px;

}

#complete_container .draggable { width: 80px; height: 40px; padding: 0.5em; float: left; margin: 1%; background:#1292d5; border:1px solid #0e79bd;}
#complete_container .draggable p{line-height:22px; font-size:100%; text-align: center; color:#fff;}

#complete_container2 .draggable { width: 80px; height: 40px; padding: 0.5em; float: left; margin: 1%; background:#1292d5; border:1px solid #0e79bd;}
#complete_container2 .draggable p{line-height:22px; font-size:100%; text-align: center; color:#fff;}

#complete_container .more {width: 120px;}


.showImage{
	float:left;
	margin-right: 4%;
}


.shifted {margin:0 auto; text-align: center;}


.inlineFixed{

	display: inline-block;
/* 	border: 1px solid red; */
	width:120px;
	text-align: right;
	height: 37px;
	margin-top: -10px;

}

.inlineFixed2{

	display: inline-block;
	width:180px;
	text-align: right;
	height: 37px;
	margin-top: -10px;


}

.inlineFixed3{

	display: inline-block;
	width:100px;
	text-align: right;
	height: 37px;
	margin-top: -10px;


}


.inlineFixed4{

	display: inline-block;
	width:50px;
	text-align: right;
	height: 37px;
	margin-top: -10px;


}


.stag{text-align: center; margin-top: 10px; padding: 0;}


#localStorageForm fieldset.pomis {
	margin:1em 0 2em 0;
	
}

.headlight{


color:#fff;
background: #0057af;
padding:7px 10px 0;
text-align: left;


}